:root{--font-heading:"Trebuchet MS","Gill Sans","Segoe UI",sans-serif;--font-body:"Avenir Next","Noto Sans","Segoe UI",sans-serif;--bg-1:#f8fbff;--bg-2:#edf4ff;--surface:#fff;--surface-glass:hsla(0,0%,100%,.72);--text:#132742;--muted:#617394;--primary:#0b6dc9;--primary-dark:#07539a;--good:#0a9562;--warn:#d89316;--border:#d8e4f2;--border-strong:#bfd4ea;--shadow-sm:0 8px 20px rgba(20,53,86,.08);--shadow:0 16px 38px rgba(20,53,86,.12)}*{box-sizing:border-box}body,html{min-height:100%}body{font-family:var(--font-body),sans-serif;background:radial-gradient(circle at 8% 0,#d7e6ff 0,transparent 34%),radial-gradient(circle at 95% 2%,#d4f4ff 0,transparent 30%),linear-gradient(145deg,var(--bg-1),var(--bg-2));color:var(--text)}body,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading),sans-serif;letter-spacing:-.02em}h1{font-size:clamp(1.25rem,4vw,1.6rem)}a{color:inherit;text-decoration:none}input,select{width:100%;border:1px solid var(--border);background:#fff;border-radius:12px;padding:13px 14px;font-size:15px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:#76afe7;box-shadow:0 0 0 4px rgba(14,114,209,.12)}.select{max-width:170px}.btn{border:0;border-radius:12px;font-size:14px;font-weight:700;padding:12px 14px;width:100%;cursor:pointer;transition:transform .14s ease,box-shadow .16s ease,background-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.72;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),#1889ef);color:#fff;box-shadow:0 8px 20px rgba(11,109,201,.28)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),#1275cc)}.btn-secondary{background:#e8f0fb;color:var(--text)}.btn-ghost{background:#f2f6fc;color:#284868;width:auto;min-width:96px;border:1px solid var(--border)}.stack-gap{display:flex;flex-direction:column;gap:12px}.quick-row,.row-gap{display:flex;flex-direction:column;gap:10px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.glass-card{background:var(--surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow)}.fade-in{animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.auth-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(14,125,235,.3),rgba(14,125,235,0));top:-90px;right:-80px}.auth-card{background:var(--surface);width:100%;max-width:440px;border-radius:22px;border:1px solid var(--border);padding:24px;z-index:1}.auth-card p{margin-top:6px;margin-bottom:8px}.role-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.role-option{border:1px solid var(--border);background:#f8fbff;border-radius:12px;padding:11px 12px;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .12s ease}.role-option strong{display:block;color:var(--text);margin-bottom:2px}.role-option small{color:var(--muted);font-size:12px}.role-option:hover{transform:translateY(-1px)}.role-option.active{border-color:#79b2e9;background:#eaf3ff}.eyebrow{color:var(--primary);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.app-shell{max-width:1024px;margin:0 auto;padding:14px 14px 100px}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:10px;gap:10px;margin-bottom:14px;border-radius:16px;padding:14px}.muted,.topbar-meta p{color:var(--muted)}.date-chip{font-size:12px;font-weight:700;color:#1b4d84;background:#eaf3ff;border:1px solid #cfe2f6;padding:7px 10px;border-radius:999px}.content-wrap{min-height:calc(100vh - 230px)}.screen{display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.metric-card{background:var(--surface);border-radius:14px;padding:14px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.metric-card p{font-size:13px;color:var(--muted)}.metric-card h3{margin-top:4px;font-size:clamp(1.1rem,5vw,1.6rem)}.metric-card.good h3{color:var(--good)}.metric-card.warn h3{color:var(--warn)}.hero-value{background:linear-gradient(130deg,#0e325c,#1175cc);color:#fff;border-radius:18px;padding:18px}.hero-caption{opacity:.88;margin-bottom:8px}.hero-value h2{font-size:clamp(1.6rem,7vw,2.2rem)}.progress-wrap{margin-top:12px}.progress-head{display:flex;justify-content:space-between;margin-bottom:7px;font-size:13px}.progress-track{width:100%;height:8px;border-radius:100px;background:hsla(0,0%,100%,.28);overflow:hidden}.progress-fill{display:block;height:100%;border-radius:inherit;background:#dbe9f9}.progress-fill.good{background:#75e6b8}.progress-fill.warn{background:#ffcb6b}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(2,1fr);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border)}.bottom-nav[data-count="1"]{grid-template-columns:1fr}.bottom-nav[data-count="3"]{grid-template-columns:repeat(3,1fr)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 11px;font-size:11px;color:#576987;font-weight:700}.nav-badge{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;font-size:10px;background:#edf3fc;color:#4b6688}.nav-item.active{color:var(--primary)}.nav-item.active .nav-badge{background:#d9ecff;color:var(--primary)}.defaulters,.invoice-card,.qr-box,.status-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-sm)}.soft-status{background:#f5f9ff;border-color:var(--border-strong)}.qr-box{text-align:center}.qr-box img{max-width:100%;height:auto;margin:10px auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);word-break:break-all;margin-bottom:10px}.invoice-card{display:flex;justify-content:space-between;align-items:center;gap:16px}.invoice-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.pill{font-size:10px;text-transform:uppercase;border-radius:20px;padding:5px 10px;font-weight:700;letter-spacing:.05em}.pill.paid{background:#d8f3e5;color:#0a7d42}.pill.unpaid{background:#fff3cf;color:#9e6a00}.defaulters{display:flex;flex-direction:column;gap:10px}.activity-row,.defaulter-row{display:grid;grid-template-columns:1.2fr 1fr auto;grid-gap:8px;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:10px}.activity-row{grid-template-columns:1.4fr auto}.error-text{color:#cf3030;font-size:14px}.loading{color:var(--muted);padding:10px 0}@media (max-width:360px){.date-chip{display:none}}@media (min-width:768px){.app-shell{padding-bottom:24px}.topbar{padding:16px 18px}.bottom-nav{position:static;margin-top:16px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.quick-row,.row-gap{flex-direction:row}.quick-row .btn{max-width:320px}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}