:root{--bg:#f3f6f8;--card:#fff;--text:#1f2937;--muted:#64748b;--primary:#0f766e;--primary2:#115e59;--danger:#b91c1c;--border:#d7dde3;--good:#047857;--warn:#b45309;--blue:#1d4ed8;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}#root{min-height:100vh}a{color:inherit}header.app-header{background:linear-gradient(135deg, var(--primary), var(--primary2));color:#fff;padding:20px}header.app-header h1{margin:0 0 6px;font-size:26px}header.app-header p{opacity:.92;margin:0}.badge{color:#92400e;background:#fef3c7;border-radius:999px;margin-top:8px;padding:5px 10px;font-weight:700;display:inline-block}nav.app-nav{border-bottom:1px solid var(--border);z-index:10;background:#fff;flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}nav.app-nav a,nav.app-nav button{cursor:pointer;color:inherit;background:#e5e7eb;border:0;border-radius:9px;padding:10px 13px;font-weight:700;text-decoration:none}nav.app-nav a.active{background:var(--primary);color:#fff}main{max-width:1250px;margin:auto;padding:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--card);border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 3px 12px #0000000a}h2,h3{margin-top:0}label{margin:10px 0 5px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:10px;font-size:16px}button.primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:700}button.secondary{cursor:pointer;background:#e5e7eb;border:0;border-radius:9px;padding:10px 14px}button.danger{color:var(--danger);cursor:pointer;background:#fee2e2;border:0;border-radius:8px;padding:7px 10px}button:disabled{opacity:.55;cursor:not-allowed}table{border-collapse:collapse;background:#fff;width:100%;margin-top:12px}th,td{text-align:right;vertical-align:top;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:10px}th{background:#f8fafc}.table-wrap{overflow:auto}.summary{font-size:24px;font-weight:800}.good{color:var(--good)}.bad{color:var(--danger)}.warn{color:var(--warn)}.blue{color:var(--blue)}.muted{color:var(--muted);font-size:14px}.pill{background:#e5e7eb;border-radius:999px;padding:4px 8px;font-size:13px;display:inline-block}.row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row>div{flex:1;min-width:170px}.hidden{display:none!important}.category-card{border-right:6px solid var(--primary)}.month-picker{max-width:220px}.kpi{min-height:110px}.notice{background:#ecfeff;border:1px solid #a5f3fc;border-radius:10px;margin:12px 0;padding:11px}.negative-row{background:#fff1f2}.positive-row{background:#f0fdf4}.ratio-high{color:#991b1b;font-weight:800;background:#fee2e2!important}.ratio-ok{color:#065f46;background:#ecfdf5;font-weight:800}.ratio-note{margin-top:3px;font-size:12px}.progress{background:#e5e7eb;border-radius:999px;min-width:140px;height:12px;overflow:hidden}.progress span{background:var(--primary);height:100%;display:block}.progress.over span{background:var(--danger)}footer{text-align:center;color:var(--muted);padding:24px}.auth-shell{background:radial-gradient(circle at 20% 20%, #ccfbf1 0%, transparent 40%), radial-gradient(circle at 80% 0%, #e0f2fe 0%, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(420px,100%)}@media (width<=900px){.grid,.grid-3,.grid-4{grid-template-columns:1fr}nav.app-nav{position:static}.summary{font-size:21px}}