@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;min-height:100vh;background:var(--sidebar-bg);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;padding:28px 12px;border-right:1px solid var(--border);z-index:20}.sidebar-brand{padding:0 10px;margin-bottom:32px}.sidebar-brand-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.15rem;color:var(--ink-strong);letter-spacing:-.02em}.sidebar-brand-sub{color:var(--muted);font-size:.77rem;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:1px solid transparent;color:var(--muted);font-weight:500;font-size:.91rem;transition:all .15s ease;text-decoration:none;line-height:1.3}.nav-link svg{flex-shrink:0;opacity:.6;transition:opacity .15s ease}.nav-link:hover{color:var(--ink);background:#ffffff0a}.nav-link:hover svg{opacity:.85}.nav-link.active{color:var(--accent);background:var(--accent-dim);border-color:#0d94882e}.nav-link.active svg{opacity:1}.content-wrap{flex:1;min-width:0;min-height:100vh}.page{width:min(1400px,96%);margin:28px auto 60px;display:flex;flex-direction:column;gap:18px;animation:fadeInUp .35s ease}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.page-title{font-size:clamp(1.6rem,2.5vw,2.2rem)}.page-subtitle{color:var(--muted);font-size:.88rem;max-width:480px;margin-top:4px}.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.select{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--ink);min-width:160px;appearance:auto}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.grid-stack{display:flex;flex-direction:column;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.kpi-card{display:flex;flex-direction:column;gap:6px}.kpi-label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.kpi-value{font-size:clamp(1.1rem,2.5vw,1.55rem);font-weight:700;color:var(--ink-strong);word-break:break-word;overflow-wrap:break-word;line-height:1.2}.kpi-sub{color:var(--muted);font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.78rem;background:var(--warning-dim);color:var(--warning);font-weight:600}.badge-success{background:var(--success-dim);color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-info{background:var(--accent-dim);color:var(--accent)}.muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent)}.table-card{overflow-x:auto}.card h2{margin-bottom:12px;font-size:1.05rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px 12px}.form-grid>div{display:flex;flex-direction:column}.form-grid .input,.form-grid .select{width:100%;box-sizing:border-box}.input{padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--ink)}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.input:disabled{opacity:.4;cursor:not-allowed}.button{padding:9px 16px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease;font-size:.9rem}.button:hover{opacity:.88;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.secondary{background:transparent;color:var(--ink);border-color:var(--border)}.button.secondary:hover{background:#ffffff0d;opacity:1}.button.danger{background:var(--danger)}.button.ghost{background:transparent;color:var(--muted);border:none;padding:6px 10px}.button.ghost:hover{color:var(--ink);background:#ffffff0d;opacity:1}.chart-wrapper{height:280px}.period-pills{display:flex;gap:4px;flex-wrap:wrap}.pill{padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.pill:hover{color:var(--ink);border-color:var(--accent)}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.toggle-row{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--muted)}.toggle{width:38px;height:20px;border-radius:10px;background:var(--border);position:relative;cursor:pointer;transition:background .2s;border:none;outline:none}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:left .2s}.toggle.on:after{left:20px}.footer-note{font-size:.82rem;color:var(--muted);margin-top:4px}.msg-error{background:var(--danger-dim);color:var(--danger);padding:10px 14px;border-radius:8px;font-size:.88rem}.msg-success{background:var(--success-dim);color:var(--success);padding:10px 14px;border-radius:8px;font-size:.88rem}.import-drop{border:2px dashed var(--border);border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;display:block}.import-drop:hover{border-color:var(--accent);background:var(--accent-dim)}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .25s ease;z-index:100}.sidebar.open{transform:translate(0)}.overlay{position:fixed;inset:0;background:#00000080;z-index:90}.content-wrap{width:100%}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border)}.hamburger{background:none;border:none;color:var(--ink);font-size:1.4rem;cursor:pointer;padding:4px 8px}.page{width:96vw;margin:16px auto 40px}}@media(min-width:769px){.mobile-header,.overlay{display:none}}:root{--sidebar-bg: #0c1520;--bg: #111c2d;--bg-alt: #162033;--input-bg: #1a2839;--ink: #e2e8f0;--ink-strong: #f8fafc;--muted: #7a8fa3;--accent: #0d9488;--accent-dim: rgba(13, 148, 136, .12);--accent-2: #f59e0b;--border: rgba(100, 150, 200, .1);--card: #162033;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .12);--success: #22c55e;--success-dim: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .12);font-family:Manrope,sans-serif;color:var(--ink);background-color:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font-family:inherit;font-size:.95rem}#root{min-height:100vh}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;color:var(--ink-strong)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-size:.92rem}th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}tr:hover td{background:#0d94880d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}