:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#111827;background:#f3f4f6;--bg:#f3f4f6;--card:#fff;--ink:#111827;--muted:#6b7280;--primary:#0f172a;--line:#e5e7eb;--good:#166534;--warn:#92400e;--danger:#991b1b}
*{box-sizing:border-box} body{margin:0;background:var(--bg);padding-bottom:92px}button,input,select{font:inherit}.app-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);padding:calc(14px + env(safe-area-inset-top)) 18px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:2px 0 0;font-size:22px}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--muted)}main{max-width:900px;margin:auto;padding:18px}.view{display:none}.view.active{display:block}.date-row{display:flex;justify-content:flex-end;margin-bottom:12px}.date-row label{max-width:210px}.hero-card{background:var(--primary);color:white;border-radius:24px;padding:28px 22px;text-align:center;box-shadow:0 10px 30px rgba(15,23,42,.12)}.hero-card .eyebrow{color:#cbd5e1}.collector{font-weight:900;font-size:clamp(36px,9vw,64px);line-height:1;margin:14px 0 10px}.collector-sub{color:#dbeafe;font-size:16px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 26px}.primary,.secondary,.ghost,.file-label{border:0;border-radius:14px;padding:13px 16px;font-weight:800;cursor:pointer}.primary{background:var(--primary);color:white}.secondary{background:white;color:var(--primary);border:1px solid #cbd5e1}.ghost{background:#fff;color:var(--primary);border:1px solid var(--line)}.compact{padding:9px 12px}.hidden{display:none!important}h2{font-size:20px;margin:22px 0 12px}.cards{display:grid;gap:12px}.balance-card,.person-card,.info-card,.form-card,.history-item{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.balance-head,.person-head,.section-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.big-amount{font-size:27px;font-weight:900}.muted{color:var(--muted)}.status{font-weight:800;font-size:13px}.status.good{color:var(--good)}.status.warn{color:var(--warn)}.form-card{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px;font-weight:750;color:#374151}input,select{width:100%;background:white;border:1px solid #cbd5e1;border-radius:12px;padding:12px;color:var(--ink)}input:focus,select:focus{outline:2px solid #94a3b8;outline-offset:1px}.decision{background:#eef2ff;border-radius:14px;padding:14px;min-height:56px;line-height:1.45}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:1fr auto;gap:10px}.history-item .amount{font-weight:900;font-size:19px}.history-item small{color:var(--muted)}.danger{color:var(--danger)}.file-label{display:block;text-align:center;background:#fff;border:1px solid #cbd5e1;color:var(--primary)}.file-label input{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,1fr);z-index:20}.bottom-nav button{background:none;border:0;padding:5px 2px;color:#6b7280;display:grid;gap:2px;justify-items:center}.bottom-nav button.active{color:#0f172a;font-weight:900}.bottom-nav span{font-size:20px}.bottom-nav small{font-size:9px}dialog{border:0;border-radius:22px;padding:0;width:min(92vw,480px)}dialog::backdrop{background:rgba(15,23,42,.42)}.dialog-card{padding:20px;display:grid;gap:13px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.person-actions{display:flex;gap:8px;margin-top:12px}.person-actions button{flex:1}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.metric{background:#f8fafc;border-radius:12px;padding:10px}.metric small{display:block;color:var(--muted);margin-bottom:4px}.metric strong{font-size:16px}
@media(max-width:620px){main{padding:14px}.quick-actions{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.app-header .ghost{display:none}.bottom-nav small{font-size:8px}}