:root{--bg: #f7f9f2;--card: #ffffff;--card2: #fbfcff;--text: #1f2937;--muted: #6b7280;--border: #e7e9f2;--aqua: #4db8a8;--aqua2: #8ee3d7;--lilac: #b7a6ff;--lilac2: #e8e3ff;--danger: #e85b73;--ok: #2fbf71;--cta-positive-a: #9fc85e;--cta-positive-b: #9fc85e;--cta-positive-text: #183117;--cta-positive-shadow: 0 12px 30px rgba(159, 200, 94, .24);--cta-danger-a: #e3a2a0;--cta-danger-b: #e3a2a0;--cta-danger-text: #5a2a2a;--cta-danger-shadow: 0 12px 30px rgba(227, 162, 160, .22);--select-active-bg: #f1f4eb;--select-active-border: #d9dfcd;--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:var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(145deg,#f7f9f2,#eaf1df);background-repeat:no-repeat;background-size:cover;transform:translateZ(0);will-change:transform}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,.btnLilac{border:none;background:linear-gradient(135deg,var(--cta-positive-a),var(--cta-positive-b));color:var(--cta-positive-text);font-weight:900;box-shadow:var(--cta-positive-shadow)}.btnDanger{border:none;background:linear-gradient(135deg,var(--cta-danger-a),var(--cta-danger-b));color:var(--cta-danger-text);font-weight:900;box-shadow:var(--cta-danger-shadow)}.btnDangerOutline{border:1px solid var(--cta-danger-a);background:#ffffffeb;color:var(--cta-danger-a);font-weight:900;box-shadow:var(--shadow2)}.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}.selectShell{width:100%;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:16px;border:1px solid var(--border);background:#ffffffeb;box-shadow:var(--shadow2)}.selectControl{width:100%;border:0;outline:none;background:transparent;padding:12px 0;color:var(--text);font-weight:800;appearance:none;-webkit-appearance:none}.selectControl:disabled{opacity:.65;cursor:not-allowed}.selectChevron{font-size:13px;opacity:.4;flex:0 0 auto}@media(max-width:420px){.selectShell{padding:0 10px}.selectControl{font-size:14px}}.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}.ratioCard{display:grid;gap:10px}.ratioHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ratioToggle{min-width:34px;height:34px;padding:0 10px;display:grid;place-items:center;margin-top:2px}.ratioTotalLabel{font-size:12px;color:var(--muted);margin-top:-2px}.ratioTotalValue{font-size:28px;line-height:1.05;letter-spacing:-.02em;font-weight:900;color:var(--text)}.ratioWhoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ratioWhoItem{min-width:0;display:grid;gap:4px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#ffffffb8}.ratioWhoLabel{font-size:12px;color:var(--muted);font-weight:700}.ratioWhoValue{font-size:18px;line-height:1.1;font-weight:900;color:var(--text);word-break:break-word}.ratioWhoPct{font-size:12px;font-weight:800;color:var(--muted)}.ratioSplit{width:100%;height:10px;border-radius:999px;overflow:hidden;border:1px solid rgba(231,233,242,.9);background:#1f293714;display:flex}.ratioSplitLui{height:100%;background:linear-gradient(135deg,var(--cta-positive-a),var(--cta-positive-b))}.ratioSplitLei{height:100%;background:linear-gradient(135deg,var(--cta-danger-a),var(--cta-danger-b))}.ratioLegendRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.ratioLegendItem{font-size:12px;color:var(--muted)}.ratioLegendItem b{color:var(--text)}.ratioExtra{display:grid;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#ffffff9e}.ratioExtraRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.ratioExtraValue{font-size:13px;font-weight:900;color:var(--text)}@media(max-width:420px){.ratioWhoGrid{grid-template-columns:1fr}.ratioTotalValue{font-size:24px}}.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}