:root{font-family:Inter,system-ui,sans-serif;color:#f5f7fb;background:#0f172a}:root[data-theme=light]{color:#0f172a;background:#eef2ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0f172a,#111827)}:root[data-theme=light] body{background:linear-gradient(180deg,#eef2ff,#fff)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:460px;margin:0 auto;min-height:100vh;padding:20px 16px 88px}:root[data-scale=compact]{font-size:14px}:root[data-scale=normal]{font-size:16px}:root[data-scale=large]{font-size:18px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.eyebrow{color:#94a3b8;font-size:12px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:4px;font-size:28px}:root[data-scale=compact] h1{font-size:24px}:root[data-scale=large] h1{font-size:32px}h2{font-size:22px;margin-bottom:10px}:root[data-scale=compact] h2{font-size:20px}:root[data-scale=large] h2{font-size:26px}.muted{color:#94a3b8;margin-bottom:14px}.alert{margin-bottom:12px;border-radius:14px;padding:12px 14px;background:#94a3b81f;color:#e2e8f0;border:1px solid rgba(148,163,184,.14)}.alert.error{background:#ef444424;color:#fecaca;border-color:#ef444433}.alert.success{background:#22c55e24;color:#bbf7d0;border-color:#22c55e33}.badge,.chip{border-radius:999px;padding:8px 12px;background:#3b82f62e;color:#bfdbfe;border:1px solid rgba(96,165,250,.25)}.cards,.grid-2,.chips{display:grid;gap:12px}.card,.panel,.metric{width:100%;border:1px solid rgba(148,163,184,.16);background:#0f172aad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px;color:#f8fafc}.card{text-align:left}.card.selected{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa66}.card-title{font-size:18px;font-weight:700;margin-bottom:10px}.stat-row,.setting-row{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#cbd5e1}.panel{display:grid;gap:12px;margin-bottom:12px}:root[data-scale=compact] .panel,:root[data-scale=compact] .card,:root[data-scale=compact] .metric{padding:12px}:root[data-scale=large] .panel,:root[data-scale=large] .card,:root[data-scale=large] .metric{padding:20px}.panel.compact{gap:10px}label{display:grid;gap:6px;color:#cbd5e1}input,textarea,select{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#1e293be6;color:#fff;padding:12px}textarea{min-height:92px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input{width:auto}.primary,.secondary,.bottom-nav button{border:0;border-radius:14px;padding:14px 16px}:root[data-scale=compact] .primary,:root[data-scale=compact] .secondary,:root[data-scale=compact] .bottom-nav button{padding:12px 14px}:root[data-scale=large] .primary,:root[data-scale=large] .secondary,:root[data-scale=large] .bottom-nav button{padding:16px 18px}.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:700}.primary.wide{width:100%;margin-top:16px}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.secondary{background:#94a3b81f;color:#f8fafc}.small-btn{padding:8px 10px;border-radius:10px;font-size:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric span{display:block;color:#94a3b8;margin-bottom:8px}.metric strong{font-size:22px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:12px;width:min(430px,calc(100% - 20px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:18px;background:#0f172aeb;border:1px solid rgba(148,163,184,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{background:transparent;color:#94a3b8}.bottom-nav button.active{background:#3b82f62e;color:#eff6ff}.chips{grid-template-columns:repeat(2,minmax(0,1fr))}.chip.ghost{background:transparent;color:#94a3b8;border-style:dashed}:root[data-theme=light] .badge,:root[data-theme=light] .chip{background:#2563eb1a;color:#1d4ed8;border-color:#2563eb26}:root[data-theme=light] .card,:root[data-theme=light] .panel,:root[data-theme=light] .metric,:root[data-theme=light] .bottom-nav{background:#ffffffeb;color:#0f172a;border-color:#94a3b838}:root[data-theme=light] .muted,:root[data-theme=light] .stat-row,:root[data-theme=light] .setting-row,:root[data-theme=light] label,:root[data-theme=light] .metric span,:root[data-theme=light] .bottom-nav button,:root[data-theme=light] .chip.ghost,:root[data-theme=light] .empty-state,:root[data-theme=light] .eyebrow{color:#475569}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select{background:#fff;color:#0f172a;border-color:#94a3b852}:root[data-theme=light] .bottom-nav button.active{background:#3b82f624;color:#0f172a}.list-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.12)}.list-row:last-child{border-bottom:0}.list-meta{display:grid;justify-items:end;gap:6px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px}.status.paid{background:#22c55e24;color:#bbf7d0}.status.unpaid{background:#facc1524;color:#fde68a}.empty-state{color:#94a3b8}.small{font-size:12px}.premium-card{border:1px solid rgba(250,204,21,.28);background:linear-gradient(135deg,#facc1529,#f59e0b1a);border-radius:16px;padding:14px;display:grid;gap:8px}.premium-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:6px 10px;background:#facc1533;color:#fde68a;font-size:12px;font-weight:700}:root[data-theme=light] .premium-card{border-color:#f59e0b3d;background:linear-gradient(135deg,#fef08a66,#fde68a38)}:root[data-theme=light] .premium-badge{background:#f59e0b29;color:#92400e}