:root{--bg: #07080a;--bg-2: #0d0f13;--card: rgba(18, 21, 28, .82);--card-solid: #12151c;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text: #f3f1ea;--muted: #9b978c;--lime: #d4ff4a;--lime-dim: rgba(212, 255, 74, .14);--amber: #ffb020;--mint: #7dcea0;--coral: #ff7a59;--blue: #8bb4ff;--violet: #c4b5fd;--shadow: 0 20px 60px rgba(0, 0, 0, .35);--radius: 22px;--nav: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;letter-spacing:-.01em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 420px at 12% -10%,rgba(212,255,74,.08),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(255,176,32,.07),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 28%);z-index:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.app{position:relative;z-index:1;display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--line);background:#07080ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--lime);color:#111;display:grid;place-items:center;font-weight:700;font-size:15px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:6px}.nav button,.icon-btn,.primary-btn,.ghost-btn,.danger-btn{border:0;border-radius:14px;transition:.18s ease}.nav button{background:transparent;color:var(--muted);text-align:left;padding:12px 14px}.nav button.active,.nav button:hover{background:#ffffff0d;color:var(--text)}.nav button.active{box-shadow:inset 0 0 0 1px var(--line-strong)}.sidebar-actions{margin-top:auto;display:grid;gap:8px}.primary-btn{background:var(--lime);color:#111;font-weight:600;padding:12px 16px}.primary-btn:hover{filter:brightness(1.05)}.ghost-btn,.icon-btn{background:#ffffff0a;color:var(--text);border:1px solid var(--line);padding:11px 14px}label.ghost-btn{display:block;text-align:center;cursor:pointer}.ghost-btn:hover,.icon-btn:hover{border-color:var(--line-strong)}.danger-btn{background:#ff7a591f;color:#ffb09a;padding:10px 14px}.content{padding:28px 32px 48px;min-width:0}.kpi-strip{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin:-28px -32px 28px;padding:18px 32px 16px;background:#07080ac7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.kpi{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#12151ca6}.kpi.hero{background:linear-gradient(180deg,#d4ff4a1f,#12151cb3);border-color:#d4ff4a38}.kpi span,.card-label,.muted{color:var(--muted)}.kpi span,.card-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.kpi strong,.money{font-family:IBM Plex Mono,monospace;font-weight:500;font-variant-numeric:tabular-nums}.kpi strong{font-size:28px;letter-spacing:-.04em;display:block}.kpi.hero strong{font-size:32px;color:var(--lime)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:8px 0 16px}.section-head h2,.panel h3{margin:0;font-size:22px}.grid-2,.grid-4,.cards{display:grid;gap:14px}.grid-2{grid-template-columns:1.2fr .8fr}.grid-4{grid-template-columns:repeat(4,1fr)}.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card.material{--accent: var(--blue)}.card.work{--accent: var(--lime)}.card.extra{--accent: var(--amber)}.card.advance{--accent: var(--coral)}.card strong{display:block;font-size:26px;margin:6px 0 4px}.card .bar{height:6px;border-radius:99px;background:#ffffff0f;overflow:hidden;margin-top:14px}.card .bar span{display:block;height:100%;background:var(--accent)}.chart-wrap{height:320px;position:relative}.donut{position:relative;height:280px;display:grid;place-items:center}.donut svg{width:min(280px,100%);height:min(280px,100%)}.donut path{cursor:pointer;transform-origin:120px 120px;transition:opacity .15s ease}.donut path.is-active{filter:brightness(1.12)}.donut-tip{position:absolute;left:50%;bottom:6px;transform:translate(-50%);z-index:6;background:#10141c;color:#fff;-webkit-text-fill-color:#ffffff;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none;box-shadow:0 12px 28px #00000073}.pie-wrap{height:280px}.pie-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:0 28%}.pie-center span{color:#d8d2c4;-webkit-text-fill-color:#d8d2c4;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.pie-center strong{color:#fff;-webkit-text-fill-color:#ffffff;font-size:20px;font-family:IBM Plex Mono,monospace;font-weight:500;line-height:1.15}.pie-legend{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}.pie-legend li{display:flex;align-items:center;gap:10px;color:#f7f4ea;font-size:14px;cursor:default;padding:6px 8px;border-radius:10px}.pie-legend li.is-active{background:#ffffff0d}.pie-legend i{width:9px;height:9px;border-radius:99px;flex:0 0 auto}.pie-legend strong{margin-left:auto;font-family:IBM Plex Mono,monospace;font-weight:500;color:#f7f4ea}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.search,select,input,textarea{background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:11px 13px;outline:none}.search{flex:1;min-width:220px}select,input,textarea{width:100%}input:focus,select:focus,textarea:focus,.search:focus{border-color:#d4ff4a80}.table-wrap{overflow:auto;border-radius:18px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.amount{font-family:IBM Plex Mono,monospace;white-space:nowrap}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;border:1px solid var(--line);background:#ffffff0a;white-space:nowrap}.pill.material{color:var(--blue)}.pill.work{color:var(--lime)}.pill.extra{color:var(--amber)}.pill.advance{color:var(--coral)}.note{color:var(--muted);font-size:13px;line-height:1.45}.alert,.note-card{border-radius:18px;padding:16px 18px;border:1px solid var(--line)}.alert{background:#ff7a5914;border-color:#ff7a5940}.note-card{background:#8bb4ff14}.advance-list{display:grid;gap:12px}.advance-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;border:1px solid rgba(255,122,89,.22);background:#ff7a590f}.mobile-cards{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);background:var(--card-solid);border:1px solid var(--line-strong);border-radius:24px;padding:22px;max-height:90vh;overflow:auto}.form-grid{display:grid;gap:12px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:10px;color:var(--muted)}.warning{background:#ffb0201a;border:1px solid rgba(255,176,32,.28);border-radius:14px;padding:12px;color:#ffd48a;font-size:14px}.toast{position:fixed;right:20px;bottom:calc(20px + var(--nav) + var(--safe-bottom));z-index:30;background:#171b22;border:1px solid var(--line-strong);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.mobile-nav{display:none}.recharts-cartesian-axis-tick-value,.recharts-legend-item-text{fill:#9b978c}.chart-tooltip{background:#1c212c;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;color:#f6f3ea;box-shadow:0 16px 40px #00000073;min-width:180px}.chart-tooltip-title{color:#f6f3ea;font-size:12px;margin-bottom:8px}.chart-tooltip-row{display:flex;align-items:center;gap:8px;color:#f6f3ea;font-size:13px}.chart-tooltip-row strong{margin-left:auto;color:#f6f3ea;font-family:IBM Plex Mono,monospace;font-weight:500}.chart-tooltip-swatch{width:8px;height:8px;border-radius:99px;flex:0 0 auto}.recharts-default-tooltip,.recharts-tooltip-wrapper,.recharts-tooltip-label,.recharts-tooltip-item,.recharts-tooltip-item-name,.recharts-tooltip-item-value,.recharts-tooltip-item-separator,.recharts-tooltip-item-list,.recharts-tooltip-item-unit{color:#fff!important;-webkit-text-fill-color:#ffffff!important;fill:#fff!important}.recharts-default-tooltip{background:#10141c!important}.recharts-tooltip-wrapper{background:transparent!important}.chart-wrap .recharts-text,.chart-wrap .recharts-pie-label-text,.chart-wrap tspan{fill:#f7f4ea!important}@media(max-width:1100px){.kpi-strip,.grid-4{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px 16px calc(110px + var(--safe-bottom))}.kpi-strip{margin:-18px -16px 18px;padding:14px 16px 12px;grid-template-columns:1fr}.kpi strong{font-size:24px}.kpi.hero strong{font-size:28px}.table-wrap{display:none}.mobile-cards{display:grid;gap:10px}.mobile-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#12151ccc}.mobile-card header{display:flex;justify-content:space-between;gap:12px;align-items:start}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:12;background:#07080aeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 8px calc(8px + var(--safe-bottom))}.mobile-nav button{background:transparent;color:var(--muted);border:0;border-radius:12px;padding:10px 4px;font-size:12px}.mobile-nav button.active{color:var(--lime);background:var(--lime-dim)}.advance-item,.row-2,.section-head{grid-template-columns:1fr;flex-direction:column;align-items:stretch}}