:root{--bg: #f6f7fb;--card: #ffffff;--card2: #fbfcff;--text: #1f2937;--muted: #6b7280;--border: #e7e9f2;--aqua: #4db8a8;--aqua2: #8ee3d7;--lilac: #b7a6ff;--lilac2: #e8e3ff;--danger: #e85b73;--ok: #2fbf71;--shadow: 0 10px 30px rgba(32, 40, 54, .08);--shadow2: 0 6px 18px rgba(32, 40, 54, .06);--r-xl: 22px;--r-lg: 18px;--r-md: 14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 10% 0%,rgba(183,166,255,.18),transparent 50%),radial-gradient(1200px 600px at 90% 10%,rgba(77,184,168,.18),transparent 55%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:100%;max-width:460px;margin:0 auto;padding:18px 14px 24px}@media(min-width:900px){.container{max-width:980px;padding:26px 18px 30px}}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow2)}.cardPad{padding:16px}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#4db8a840,#b7a6ff40);border:1px solid var(--border);display:grid;place-items:center;box-shadow:var(--shadow2)}.h1{font-size:34px;font-weight:900;margin:0;letter-spacing:-.02em}.sub{font-size:13px;color:var(--muted);margin-top:2px}.btn{border:1px solid var(--border);background:#ffffffb3;color:var(--text);padding:12px 14px;border-radius:16px;box-shadow:var(--shadow2);cursor:pointer}.btn:active{transform:translateY(1px)}.btnPrimary{border:none;background:linear-gradient(135deg,var(--aqua),var(--aqua2));color:#0b1b1a;font-weight:900}.btnLilac{border:none;background:linear-gradient(135deg,var(--lilac),var(--lilac2));color:#1f1836;font-weight:900}.btnWide{width:100%;padding:14px 16px;border-radius:18px}.input{width:100%;padding:14px;border-radius:16px;border:1px solid var(--border);background:#ffffffd9;outline:none;box-shadow:var(--shadow2)}.input:focus{border-color:#4db8a8a6}.select{composes:input}.select{padding-right:10px}.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#ffffffbf}.kpiGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}@media(max-width:460px){.kpiGrid{grid-template-columns:1fr}}.kpiTitle{font-size:12px;color:var(--muted)}.kpiValue{font-size:22px;font-weight:900;margin-top:4px}.sectionTitle{font-size:12px;color:var(--muted);margin-bottom:8px}.jarList{display:grid;gap:10px}.jarRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.jarLeft{display:flex;flex-direction:column;gap:6px;flex:1}.progress{height:10px;border-radius:999px;background:#1f293714;overflow:hidden;border:1px solid rgba(231,233,242,.9)}.progress>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--aqua),rgba(183,166,255,.85))}.pillRow{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffffbf;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;font-size:13px}.pillActive{border:none;background:linear-gradient(135deg,#4db8a859,#b7a6ff59)}.toast{margin-top:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:#ffffffbf}.toastOk{border-color:#2fbf7159}.toastErr{border-color:#e85b7359}.modalBackdrop{position:fixed;inset:0;background:#0a0c126b;display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:50}@media(min-width:900px){.modalBackdrop{align-items:center}}.modalSheet{width:100%;max-width:520px;border-radius:26px;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.modalBody{padding:14px 16px 16px}.modalFooter{padding:12px 16px 16px;border-top:1px solid var(--border);background:#fff9}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:460px){.grid2{grid-template-columns:1fr}}.smallLabel{font-size:12px;color:var(--muted);margin:0 0 6px}.pinDots{display:flex;gap:10px;justify-content:center;margin:16px 0 12px}.pinDot{width:14px;height:14px;border-radius:999px;border:2px solid rgba(31,41,55,.18);background:#ffffffb3}.pinDotFilled{border:2px solid rgba(77,184,168,.35);background:linear-gradient(135deg,var(--aqua),rgba(183,166,255,.9))}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.key{padding:16px 0;border-radius:18px;border:1px solid var(--border);background:#ffffffbf;font-weight:900;cursor:pointer;box-shadow:var(--shadow2)}.key:active{transform:translateY(1px)}.stickyCtas{position:sticky;bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}