@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Outfit:wght@600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Barlow+Condensed:wght@600;700;800;900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#e8ecf1;--surface:#fff;--surface-2:#f3f6f9;--surface-3:#e2e8ee;--surface-raised:#fff;--text-primary:#0d1520;--text-secondary:#2a3548;--text-muted:#5b6880;--text-faint:#8a97a8;--text-inverse:#fff;--border:#c5cdd8;--border-strong:#9aaabb;--border-focus:#1565c0;--accent:#1565c0;--accent-dark:#0d47a1;--accent-light:#1565c012;--accent-glow:#1565c024;--green:#1b7a3e;--green-bg:#e6f4ec;--green-border:#9fd0b3;--amber:#b86a00;--amber-bg:#fff4d6;--amber-border:#f5c870;--red:#b82020;--red-bg:#fdecec;--red-border:#eda0a0;--purple:#5b35b0;--purple-bg:#eee8fb;--purple-border:#c5b3f0;--sb-bg:#141f2e;--sidebar-bg:#141f2e;--sidebar-border:hsla(0,0%,100%,.055);--sidebar-text:#6e8299;--sidebar-text-muted:#344a60;--sidebar-hover:hsla(0,0%,100%,.045);--sidebar-active:#1565c038;--sidebar-active-text:#5ba4e8;--sb-border:hsla(0,0%,100%,.055);--sb-text:#6e8299;--sb-text-muted:#344a60;--sb-hover:hsla(0,0%,100%,.045);--sb-active:#1565c038;--sb-active-text:#5ba4e8;--sb-indicator:#1565c0;--topbar-bg:#fffffff5;--topbar-border:#c5cdd8;--shadow-xs:0 1px 2px #00000012;--shadow-sm:0 1px 4px #00000017,0 1px 2px #0000000d;--shadow-md:0 3px 12px #0000001c,0 1px 4px #0000000f;--shadow-lg:0 8px 28px #00000021,0 3px 8px #00000012;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--font-display:"Barlow Condensed","Outfit",sans-serif;--font-mono:"JetBrains Mono","Consolas",monospace;--radius-sm:0px;--radius:2px;--radius-lg:3px;--radius-xl:4px;--ease-out:cubic-bezier(0.16,1,0.3,1)}body.theme-dark{--bg:#0f172a;--surface:#1e293b;--surface-2:#162032;--surface-3:#253347;--surface-raised:#243044;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-faint:#334155;--text-inverse:#0f172a;--border:#ffffff14;--border-strong:#ffffff24;--border-focus:#38bdf8;--accent:#38bdf8;--accent-dark:#0ea5e9;--accent-light:#38bdf81f;--accent-glow:#38bdf833;--green:#4ade80;--green-bg:#4ade801f;--green-border:#4ade8040;--amber:#fbbf24;--amber-bg:#fbbf241f;--amber-border:#fbbf2440;--red:#f87171;--red-bg:#f871711f;--red-border:#f8717140;--purple:#a78bfa;--purple-bg:#a78bfa1f;--purple-border:#a78bfa40;--sb-bg:#0c1524;--sidebar-bg:#0c1524;--sidebar-border:#ffffff0d;--sidebar-text:#64748b;--sidebar-text-muted:#334155;--sidebar-hover:#ffffff0a;--sidebar-active:#38bdf824;--sidebar-active-text:#38bdf8;--sb-border:#ffffff0d;--sb-text:#64748b;--sb-text-muted:#334155;--sb-hover:#ffffff0a;--sb-active:#38bdf824;--sb-active-text:#38bdf8;--sb-indicator:#38bdf8;--topbar-bg:#0f172aeb;--topbar-border:#ffffff12;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #00000040;--shadow-md:0 4px 12px #0006,0 2px 4px #0003;--shadow-lg:0 10px 28px #00000080,0 4px 8px #00000040}body.theme-navy{--bg:#0a1628;--surface:#0f2040;--surface-2:#0c1a35;--surface-3:#142648;--surface-raised:#142a4e;--text-primary:#e2eaf4;--text-secondary:#a8bdd4;--text-muted:#5a7a9a;--text-faint:#2d4a6a;--text-inverse:#0a1628;--border:#64a0dc1f;--border-strong:#64a0dc38;--border-focus:#38bdf8;--accent:#38bdf8;--accent-dark:#0ea5e9;--accent-light:#38bdf81f;--accent-glow:#38bdf82e;--green:#34d399;--green-bg:#34d3991f;--green-border:#34d39940;--amber:#fbbf24;--amber-bg:#fbbf241f;--amber-border:#fbbf2440;--red:#f87171;--red-bg:#f871711f;--red-border:#f8717140;--purple:#a78bfa;--purple-bg:#a78bfa1f;--purple-border:#a78bfa40;--sb-bg:#060e1e;--sidebar-bg:#060e1e;--sidebar-border:#38bdf80f;--sidebar-text:#3d6080;--sidebar-text-muted:#1e3a55;--sidebar-hover:#38bdf80f;--sidebar-active:#38bdf824;--sidebar-active-text:#38bdf8;--sb-border:#38bdf80f;--sb-text:#3d6080;--sb-text-muted:#1e3a55;--sb-hover:#38bdf80f;--sb-active:#38bdf824;--sb-active-text:#38bdf8;--sb-indicator:#38bdf8;--topbar-bg:#0a1628eb;--topbar-border:#38bdf81a;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080,0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080,0 2px 4px #00000040;--shadow-lg:0 10px 28px #0009,0 4px 8px #0000004d}body.theme-contrast{--bg:#000;--surface:#0a0a0a;--surface-2:#111;--surface-3:#1a1a1a;--surface-raised:#141414;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#a3a3a3;--text-faint:#525252;--text-inverse:#000;--border:#ffffff26;--border-strong:#ffffff4d;--border-focus:#22d3ee;--accent:#22d3ee;--accent-dark:#06b6d4;--accent-light:#22d3ee1f;--accent-glow:#22d3ee40;--green:#00ff87;--green-bg:#00ff871a;--green-border:#00ff874d;--amber:#fc0;--amber-bg:#ffcc001a;--amber-border:#ffcc004d;--red:#f44;--red-bg:#ff44441a;--red-border:#ff44444d;--purple:#bf7fff;--purple-bg:#bf7fff1a;--purple-border:#bf7fff4d;--sb-bg:#000;--sidebar-bg:#000;--sidebar-border:#ffffff1a;--sidebar-text:#737373;--sidebar-text-muted:#404040;--sidebar-hover:#ffffff0f;--sidebar-active:#22d3ee26;--sidebar-active-text:#22d3ee;--sb-border:#ffffff1a;--sb-text:#737373;--sb-text-muted:#404040;--sb-hover:#ffffff0f;--sb-active:#22d3ee26;--sb-active-text:#22d3ee;--sb-indicator:#22d3ee;--topbar-bg:#000000f2;--topbar-border:#ffffff1f;--shadow-xs:0 1px 2px #000c;--shadow-sm:0 1px 3px #000000e6;--shadow-md:0 4px 12px #000000e6;--shadow-lg:0 10px 28px #000000f2}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateX(20px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-out{0%{margin-bottom:10px;max-height:80px;opacity:1}to{margin-bottom:0;max-height:0;opacity:0}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 #1565c024;box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px #0000}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8ecf1;background:var(--bg);color:#0d1520;color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.5;transition:background .25s ease,color .25s ease}::selection{background:#1565c012;background:var(--accent-light);color:#0d1520;color:var(--text-primary)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#9aaabb;background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8a97a8;background:var(--text-faint)}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{background-attachment:fixed;background-image:radial-gradient(circle,#c5cdd8 1px,#0000 0);background-image:radial-gradient(circle,var(--border) 1px,#0000 1px);background-size:28px 28px;box-sizing:border-box;flex:1 1;margin-left:60px;margin-top:56px;max-width:100%;min-width:0;overflow-x:hidden;padding:24px 28px;transition:margin-left .22s cubic-bezier(.16,1,.3,1),background .25s ease;transition:margin-left .22s var(--ease-out),background .25s ease}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;background:var(--topbar-bg);border-bottom:2px solid #c5cdd8;border-bottom:2px solid var(--topbar-border);display:flex;gap:12px;height:56px;left:56px;padding:0 24px;position:fixed;right:0;top:0;transition:left .22s cubic-bezier(.16,1,.3,1);transition:left .22s var(--ease-out);z-index:200}.topbar.sb-expanded{left:220px}.topbar.has-banner{top:34px}.topbar-title{color:#0d1520;color:var(--text-primary);flex:1 1;font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.topbar-right{flex-shrink:0;gap:10px}.page-header,.topbar-right{align-items:center;display:flex}.page-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-subtitle{color:#5b6880;color:var(--text-muted);font-size:12px;letter-spacing:.3px;margin-top:3px}.page-header h2{color:#0d1520;color:var(--text-primary);font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:1px;line-height:1.1;text-transform:uppercase}.card,.form-card,.panel-card{background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:3px;border-radius:var(--radius-lg);transition:background .25s ease,border-color .25s ease,box-shadow .2s ease}.form-card,.panel-card{padding:22px}.panel-card:hover{border-color:#9aaabb;border-color:var(--border-strong);box-shadow:0 3px 12px #0000001c,0 1px 4px #0000000f;box-shadow:var(--shadow-md)}.widget-card{background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:3px;border-radius:var(--radius-lg);overflow:hidden;padding:18px 20px;position:relative;transition:all .2s}.widget-card:before{background:#1565c0;background:var(--accent);content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;width:3px}.widget-card:hover{border-color:#9aaabb;border-color:var(--border-strong);box-shadow:0 3px 12px #0000001c,0 1px 4px #0000000f;box-shadow:var(--shadow-md)}.kpi-card{background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:3px;border-radius:var(--radius-lg);overflow:hidden;padding:18px 20px;position:relative;transition:all .2s}.kpi-card:hover{border-color:#1565c0;border-color:var(--accent);box-shadow:0 3px 12px #0000001c,0 1px 4px #0000000f;box-shadow:var(--shadow-md)}.kpi-card.urgent{background:#fdecec;background:var(--red-bg);border-color:#eda0a0;border-color:var(--red-border)}.kpi-card.warn{background:#fff4d6;background:var(--amber-bg);border-color:#f5c870;border-color:var(--amber-border)}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.stat-card{background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:3px;border-radius:var(--radius-lg);padding:20px;transition:all .2s}.stat-card:hover{border-color:#9aaabb;border-color:var(--border-strong);box-shadow:0 3px 12px #0000001c,0 1px 4px #0000000f;box-shadow:var(--shadow-md)}.btn-primary{align-items:center;background:#1565c0;background:var(--accent);border:none;border-radius:0;border-radius:var(--radius-sm);box-shadow:0 1px 4px #1565c04d;color:#fff;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:700;gap:6px;letter-spacing:.4px;padding:8px 18px;text-transform:uppercase;transition:all .15s;white-space:nowrap}.btn-primary:hover{background:#0d47a1;background:var(--accent-dark);box-shadow:0 3px 10px #1565c059;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.btn-secondary{align-items:center;background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:0;border-radius:var(--radius-sm);color:#2a3548;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;padding:7px 16px;transition:all .15s;white-space:nowrap}.btn-secondary:hover{background:#1565c012;background:var(--accent-light);border-color:#1565c0;border-color:var(--accent);color:#1565c0;color:var(--accent)}.btn-secondary:disabled{cursor:not-allowed;opacity:.45}.btn-danger{align-items:center;background:#0000;border:1px solid #eda0a0;border:1px solid var(--red-border);border-radius:0;border-radius:var(--radius-sm);color:#b82020;color:var(--red);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;padding:7px 16px;transition:all .15s}.btn-danger:hover{background:#fdecec;background:var(--red-bg)}.btn-danger:disabled{cursor:not-allowed;opacity:.45}.btn-icon{align-items:center;background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:0;border-radius:var(--radius-sm);color:#5b6880;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.btn-icon:hover{background:#1565c012;background:var(--accent-light);border-color:#1565c0;border-color:var(--accent);color:#1565c0;color:var(--accent)}input,select,textarea{background:#fff!important;background:var(--surface)!important;border:1px solid #c5cdd8!important;border:1px solid var(--border)!important;border-radius:0!important;border-radius:var(--radius-sm)!important;box-sizing:border-box;color:#0d1520!important;color:var(--text-primary)!important;font-family:Plus Jakarta Sans,system-ui,sans-serif!important;font-family:var(--font-body)!important;font-size:13px!important;outline:none!important;padding:8px 11px;transition:border-color .15s,box-shadow .15s!important;width:100%}input:focus,select:focus,textarea:focus{border-color:#1565c0!important;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #1565c024!important;box-shadow:0 0 0 3px var(--accent-glow)!important}input::placeholder,textarea::placeholder{color:#8a97a8!important;color:var(--text-faint)!important}select option{background:#fff;background:var(--surface);color:#0d1520;color:var(--text-primary)}label{color:#5b6880;color:var(--text-muted);display:block;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:2px solid #c5cdd8;border-bottom:2px solid var(--border);color:#5b6880;color:var(--text-muted);font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.8px;padding:0 14px 10px 0;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #c5cdd8;border-bottom:1px solid var(--border);color:#2a3548;color:var(--text-secondary);font-size:13px;padding:11px 14px 11px 0;transition:background .1s}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f3f6f9;background:var(--surface-2)}.badge{align-items:center;border-radius:3px;display:inline-flex;font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.badge:before{background:currentColor;border-radius:1px;content:"";flex-shrink:0;height:5px;width:5px}.badge-green{background:#e6f4ec;background:var(--green-bg);border:1px solid #9fd0b3;border:1px solid var(--green-border);color:#1b7a3e;color:var(--green)}.badge-amber{background:#fff4d6;background:var(--amber-bg);border:1px solid #f5c870;border:1px solid var(--amber-border);color:#b86a00;color:var(--amber)}.badge-red{background:#fdecec;background:var(--red-bg);border:1px solid #eda0a0;border:1px solid var(--red-border);color:#b82020;color:var(--red)}.badge-blue{background:#1565c012;background:var(--accent-light);border:1px solid #1565c033;color:#1565c0;color:var(--accent)}.badge-purple{background:#eee8fb;background:var(--purple-bg);border:1px solid #c5b3f0;border:1px solid var(--purple-border);color:#5b35b0;color:var(--purple)}.badge-muted{background:#f3f6f9;background:var(--surface-2);border:1px solid #c5cdd8;border:1px solid var(--border);color:#5b6880;color:var(--text-muted)}.ind-readout{font-feature-settings:"tnum";color:#0d1520;color:var(--text-primary);font-family:JetBrains Mono,Consolas,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ind-tag{background:#f3f6f9;background:var(--surface-2);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:2px;color:#5b6880;color:var(--text-muted);display:inline-block;font-family:JetBrains Mono,Consolas,monospace;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.8px;padding:1px 6px;text-transform:uppercase}.ind-divider{background:linear-gradient(90deg,#1565c0,#c5cdd8 35%);background:linear-gradient(90deg,var(--accent) 0,var(--border) 35%);height:1px;margin:14px 0;opacity:.6}.ind-status{align-items:center;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.ind-status:before{background:currentColor;border-radius:2px;content:"";flex-shrink:0;height:8px;width:8px}.ind-status.running{color:#1b7a3e;color:var(--green)}.ind-status.warning{color:#b86a00;color:var(--amber)}.ind-status.fault{color:#b82020;color:var(--red)}.ind-status.offline{color:#8a97a8;color:var(--text-faint)}.ind-card{background:#fff;background:var(--surface);border:1px solid #c5cdd8;border-left:3px solid #1565c0;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:2px;border-radius:var(--radius);padding:16px}.param-block{background:#f3f6f9;background:var(--surface-2);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:0;border-radius:var(--radius-sm);padding:10px 12px}.param-block .param-label{color:#8a97a8;color:var(--text-faint);font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.param-block .param-value{color:#0d1520;color:var(--text-primary);font-size:18px;font-weight:600;line-height:1}.param-block .param-unit,.param-block .param-value{font-family:JetBrains Mono,Consolas,monospace;font-family:var(--font-mono)}.param-block .param-unit{color:#5b6880;color:var(--text-muted);font-size:11px;margin-left:3px}.process-bar{background:#e2e8ee;background:var(--surface-3);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:2px;height:8px;overflow:hidden}.process-fill{background:linear-gradient(90deg,#1565c0,#0d47a1);background:linear-gradient(90deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:1px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.process-fill.warn{background:linear-gradient(90deg,#b86a00,#c47800);background:linear-gradient(90deg,var(--amber) 0,#c47800 100%)}.process-fill.fault{background:linear-gradient(90deg,#b82020,#8b0000);background:linear-gradient(90deg,var(--red) 0,#8b0000 100%)}.traffic-light{align-items:center;border-radius:3px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.4px;padding:3px 8px;text-transform:uppercase}.tl-ok{background:#e6f4ec;background:var(--green-bg);border:1px solid #9fd0b3;border:1px solid var(--green-border);color:#1b7a3e;color:var(--green)}.tl-warn{background:#fff4d6;background:var(--amber-bg);border:1px solid #f5c870;border:1px solid var(--amber-border);color:#b86a00;color:var(--amber)}.tl-alert{background:#fdecec;background:var(--red-bg);border:1px solid #eda0a0;border:1px solid var(--red-border);color:#b82020;color:var(--red)}.tl-muted{background:#f3f6f9;background:var(--surface-2);border:1px solid #c5cdd8;border:1px solid var(--border);color:#5b6880;color:var(--text-muted)}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#f3f6f9 25%,#e2e8ee 50%,#f3f6f9 75%);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:0;border-radius:var(--radius-sm)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9000}.modal-box{animation:scaleIn .22s cubic-bezier(.16,1,.3,1) both;animation:scaleIn .22s var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:3px;border-radius:var(--radius-lg);box-shadow:0 8px 28px #00000021,0 3px 8px #00000012;box-shadow:var(--shadow-lg);max-width:520px;overflow:hidden;width:100%}.modal-head{align-items:center;background:#f3f6f9;background:var(--surface-2);border-bottom:2px solid #c5cdd8;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px 16px}.modal-title{color:#0d1520;color:var(--text-primary);font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.modal-body{padding:22px}.modal-foot{background:#f3f6f9;background:var(--surface-2);border-top:1px solid #c5cdd8;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.prog-bar{background:#e2e8ee;background:var(--surface-3);border-radius:2px;height:6px;overflow:hidden}.prog-fill{border-radius:1px;height:100%;transition:width .85s cubic-bezier(.16,1,.3,1)}.search-box{position:relative}.search-box .search-icon{color:#5b6880;color:var(--text-muted);font-size:13px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{padding-left:32px!important}.section-title{align-items:center;color:#5b6880;color:var(--text-muted);display:flex;font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:11px;font-weight:800;gap:8px;letter-spacing:1.5px;margin-bottom:14px;text-transform:uppercase}.section-title:before{background:#1565c0;background:var(--accent);border-radius:1px;content:"";flex-shrink:0;height:14px;width:3px}.tab-bar{border-bottom:2px solid #c5cdd8;border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:22px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#5b6880;color:var(--text-muted);cursor:pointer;font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:-2px;padding:8px 16px;text-transform:uppercase;transition:all .15s;white-space:nowrap}.tab-btn:hover{background:#f3f6f9;background:var(--surface-2);color:#2a3548;color:var(--text-secondary)}.tab-btn.active{background:#1565c012;background:var(--accent-light);border-bottom-color:#1565c0;border-bottom-color:var(--accent);color:#1565c0;color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{align-items:center;background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:3px;color:#5b6880;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:11px;font-weight:700;gap:6px;letter-spacing:.4px;padding:5px 12px;text-transform:uppercase;transition:all .15s}.chip:hover{border-color:#9aaabb;border-color:var(--border-strong);color:#2a3548;color:var(--text-secondary)}.chip.active{background:#1565c012;background:var(--accent-light);border-color:#1565c04d;color:#1565c0;color:var(--accent)}.chip .chip-count{background:#e2e8ee;background:var(--surface-3);border-radius:2px;color:#5b6880;color:var(--text-muted);font-size:10px;padding:1px 6px}.chip.active .chip-count{background:#1565c026;color:#1565c0;color:var(--accent)}.toggle-switch{border:none;border-radius:2px;cursor:pointer;flex-shrink:0;height:22px;padding:0;position:relative;transition:background .2s;width:40px}.toggle-switch:after{background:#fff;border-radius:1px;box-shadow:0 1px 3px #00000040;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.toggle-switch.on{background:#1565c0;background:var(--accent)}.toggle-switch.off{background:#9aaabb;background:var(--border-strong)}.toggle-switch.on:after{transform:translateX(18px)}.empty-state{background:#fff;background:var(--surface);border:1px solid #c5cdd8;border:1px solid var(--border);border-radius:3px;border-radius:var(--radius-lg);padding:48px 20px;text-align:center}.empty-state-icon{font-size:24px;margin-bottom:12px;opacity:.15}.empty-state-title{color:#2a3548;color:var(--text-secondary);font-family:Barlow Condensed,Outfit,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.empty-state-desc{color:#5b6880;color:var(--text-muted);font-size:12px;line-height:1.6;margin:0 auto;max-width:240px}@media (max-width:768px){.main-content{background-size:20px 20px;box-sizing:border-box;margin-left:0!important;margin-top:56px;max-width:100vw;overflow-x:hidden;padding:12px 10px;width:100vw}.topbar{left:0!important}.charts-grid,.form-grid,.stats-grid{gap:10px;grid-template-columns:1fr!important}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.form-card,.panel-card{padding:14px}table{-webkit-overflow-scrolling:touch;width:100%}.data-table,table{display:block;overflow-x:auto}}@media (min-width:769px) and (max-width:1180px){.main-content{margin-left:56px!important;max-width:calc(100vw - 56px);overflow-x:hidden;padding:16px 14px;width:calc(100vw - 56px)}.topbar{left:56px!important}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}table{display:block;overflow-x:auto}}@media (max-width:1180px){.tracker-grid,[style*="1fr 1fr"]{grid-template-columns:1fr!important}.r-actions{flex-wrap:wrap!important}*{max-width:100%}img,video{height:auto}a,button,input[type=button],input[type=submit],select{min-height:36px}.r-page-header{align-items:flex-start;flex-direction:column}.r-page-actions{width:100%}.r-page-actions .r-btn{flex:1 1;justify-content:center;text-align:center}}.tracker-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,290px) 1fr}@media (max-width:900px){.tracker-grid{grid-template-columns:1fr!important}}.r-page-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px}.r-page-actions{display:flex;flex-wrap:wrap;gap:8px}
/*# sourceMappingURL=main.76c983c1.css.map*/