:root{font-family:system-ui,-apple-system,sans-serif;color:#123047;background:#f2f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#087eb9;color:white;padding:22px max(18px,calc((100% - 720px)/2));display:flex;align-items:center;gap:14px}.drop{font-size:38px}h1{font-size:22px;margin:0;letter-spacing:1px}header p{margin:2px 0 0;color:#d8f2ff}main{max-width:720px;margin:auto;padding:18px}h2,h3{margin:8px 0 14px}.panel{background:white;border:1px solid #dce8ef;border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 3px 12px #1230470a}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;padding:13px;border:1px solid #c9d8e1;border-radius:10px;font:inherit;margin-top:6px;background:white;color:#123047}textarea{min-height:72px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}button{border:0;border-radius:11px;background:#087eb9;color:white;font-weight:700;padding:13px 16px;font-size:15px;cursor:pointer}button:disabled{opacity:.5}.secondary{background:#e4f2f9;color:#075b88}.wide{width:100%;margin:5px 0;text-align:left;background:white;color:#087eb9;border:1px solid #cfe3ef}.welcome{display:flex;justify-content:space-between;align-items:center}.muted{color:#698091;font-size:13px}.tabs{display:flex;gap:6px;overflow:auto;margin:14px 0}.tabs button{white-space:nowrap;background:#e0edf4;color:#28536a;padding:10px 13px}.tabs button.active{background:#087eb9;color:white}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards article{background:white;padding:16px;border-radius:14px;border:1px solid #dce8ef}.cards span{display:block;color:#698091;font-size:13px}.cards strong{display:block;font-size:22px;margin-top:5px}.item{background:white;padding:13px;border-radius:12px;margin:8px 0;border:1px solid #dce8ef}.item strong{display:block}.total{font-size:20px;font-weight:800;color:#087eb9}footer{text-align:center;padding:20px;color:#8295a2;font-size:12px}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#123047;color:white;padding:12px 18px;border-radius:12px;display:none;max-width:90%}@media(min-width:600px){main{padding:24px}}
