*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#111827;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;padding-bottom:85px}header{background:#111827;color:white;padding:52px 18px 18px;display:flex;justify-content:space-between}header h1{margin:5px 0;font-size:27px}header small{opacity:.65}header span{font-size:12px;opacity:.6}header button{background:#ffffff18;color:white;border:0;border-radius:12px;font-size:18px}.active{display:block!important}main section{display:none;padding:16px}h2{font-size:19px;margin:10px 0 12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats>div,.cards>div,.card,.row{background:white;border-radius:17px;padding:15px;box-shadow:0 2px 12px #0001}.stats small{display:block;color:#6b7280;font-size:11px;margin:7px 0}.stats b{font-size:22px}.clock,.primary{border:0;background:#16a34a;color:white;border-radius:12px;font-weight:700;padding:13px 15px}.clock{width:100%;font-size:16px;margin:14px 0}.primary{float:right;background:#111827;padding:9px 12px}.row{margin:8px 0;display:flex;justify-content:space-between;align-items:center}.row small{display:block;color:#6b7280;margin-top:4px}.amount{font-weight:700}.search{width:100%;border:0;border-radius:12px;padding:13px;font-size:16px;margin-bottom:8px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards small{color:#6b7280}.cards b{display:block;font-size:22px;margin-top:5px}.bar{height:8px;background:#e5e7eb;border-radius:8px;margin:6px 0 13px;overflow:hidden}.fill{height:100%;background:#2563eb}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#2563eb 0 91%,#f59e0b 91% 96%,#ddd 96%);margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut:before{content:"";position:absolute;width:100px;height:100px;background:white;border-radius:50%}.donut b,.donut small{position:relative}.sheet label,.card label{display:block;color:#4b5563;font-size:13px;margin:12px 0}.sheet input,.sheet select,.card input{display:block;width:100%;margin-top:5px;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:16px;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.total{background:#eefbf2;border-radius:11px;padding:12px;display:flex;justify-content:space-between}.wide{width:100%;float:none;margin-top:10px}.top{display:flex;justify-content:space-between;align-items:center}.top button{border:0;border-radius:10px;padding:8px}#modal{display:none;position:fixed;inset:0;background:#0008;z-index:9;align-items:flex-end}#modal.open{display:flex}.sheet{width:100%;max-height:92vh;overflow:auto;background:#f8f9fb;border-radius:24px 24px 0 0;padding:18px 18px 30px}nav{position:fixed;bottom:0;left:0;right:0;height:78px;background:#fffffff2;backdrop-filter:blur(15px);border-top:1px solid #ddd;display:flex;justify-content:space-around;z-index:8}nav button{border:0;background:none;font-size:19px;color:#4b5563}nav small{display:block;font-size:9px}