:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-glass: rgba(255, 255, 255, .95);--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-highlight: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #ffffff;--brand-cyan: #0284c7;--brand-cyan-light: #0ea5e9;--brand-blue: #0369a1;--brand-indigo: #4f46e5;--status-success: #059669;--status-warning: #d97706;--status-danger: #dc2626;--status-info: #2563eb;--status-purple: #7c3aed;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px -3px rgba(2, 132, 199, .18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}.dark-theme{--bg-primary: #090d16;--bg-secondary: #0f172a;--bg-card: #151f32;--bg-card-hover: #1c2a44;--bg-glass: rgba(15, 23, 42, .85);--border-subtle: #1e293b;--border-medium: #334155;--border-highlight: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-light: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px -5px rgba(6, 182, 212, .25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,.font-heading{font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.02em}.font-mono,.telemetry-num{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#e2e8f0;border-radius:8px;border:2px solid #f8fafc}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:8px;border:3px solid #e2e8f0}::-webkit-scrollbar-thumb:hover{background:#64748b}.dark-theme ::-webkit-scrollbar-track{background:#1e293b;border:2px solid #0f172a}.dark-theme ::-webkit-scrollbar-thumb{background:#475569;border:3px solid #1e293b}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#64748b}.app-container{display:flex;min-height:100vh;background-color:var(--bg-primary)}.sidebar-container{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:all .25s ease-in-out;position:sticky;top:0;height:100vh;z-index:40;box-shadow:var(--shadow-sm)}.sidebar-collapsed{width:74px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-primary);transition:padding .2s ease}.top-navbar{height:68px;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 3px #00000008}.content-viewport{padding:24px;flex:1;max-width:1720px;margin:0 auto;width:100%}.fs-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.fs-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.fs-card-interactive{cursor:pointer}.fs-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-cyan)}.kpi-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px #00000008;transition:all .15s ease;min-height:82px}.dark-theme .kpi-card{background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-secondary) 100%)}.kpi-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:3.5px;height:100%;background:var(--brand-cyan);border-radius:3px 0 0 3px}.kpi-card.kpi-warning:before{background:var(--status-warning)}.kpi-card.kpi-danger:before{background:var(--status-danger)}.kpi-card.kpi-success:before{background:var(--status-success)}.kpi-card.kpi-indigo:before{background:var(--brand-indigo)}.fs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;font-size:13.5px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.fs-btn:disabled{opacity:.5;cursor:not-allowed}.fs-btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 2px 6px #0284c740}.fs-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 4px 10px #0284c759}.fs-btn-secondary{background:#fff;color:var(--text-primary);border-color:var(--border-medium);box-shadow:0 1px 2px #0000000a}.fs-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:var(--brand-cyan);color:var(--brand-cyan)}.fs-btn-danger{background:#dc2626;color:#fff}.fs-btn-danger:hover:not(:disabled){background:#b91c1c}.fs-btn-success{background:#059669;color:#fff}.fs-btn-success:hover:not(:disabled){background:#047857}.fs-btn-lg{padding:12px 22px;font-size:15.5px;border-radius:var(--radius-lg)}.fs-btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:9999px;letter-spacing:.01em}.badge-approved,.badge-active,.badge-normal,.badge-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-verified,.badge-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.badge-submitted,.badge-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.badge-flagged,.badge-critical,.badge-danger,.badge-rejected{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.badge-corrected{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.fs-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-sm)}.fs-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:13.5px}.fs-table th{background:#f8fafc;color:#475569;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:2px solid var(--border-medium);white-space:nowrap;-webkit-user-select:none;user-select:none}.dark-theme .fs-table th{background:#0f172a;color:#94a3b8}.fs-table td{padding:13px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.fs-table tr:last-child td{border-bottom:none}.fs-table tr:hover td{background:#f8fafc}.dark-theme .fs-table tr:hover td{background:#1c2a44}.fs-input,.fs-select,.fs-textarea{width:100%;background:#fff;border:1px solid var(--border-medium);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-md);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.fs-input:focus,.fs-select:focus,.fs-textarea:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px #0284c726}.fs-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.tank-visual-bar{height:12px;background:#e2e8f0;border-radius:9999px;overflow:hidden;position:relative}.tank-visual-fill{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.tank-cylinder-mini{width:44px;height:72px;border:2px solid var(--border-medium);border-radius:10px;position:relative;overflow:hidden;background:#f1f5f9;display:flex;flex-direction:column-reverse}.tank-cylinder-liquid{width:100%;background:linear-gradient(180deg,#38bdf8,#0284c7);transition:height .5s ease;position:relative}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:920px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.filter-pill{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:500;background:#fff;border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{border-color:#0284c7;color:var(--text-primary)}.filter-pill.active{background:#eff6ff;border-color:#0284c7;color:#0284c7;font-weight:700}.mobile-device-frame{max-width:480px;margin:0 auto;background:#fff;border:2px solid var(--border-medium);border-radius:28px;box-shadow:var(--shadow-lg);overflow:hidden}.grid-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}@media (min-width: 1200px){.grid-kpis{grid-template-columns:repeat(6,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.grid-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.sidebar-container{display:none}.content-viewport{padding:14px}.top-navbar{padding:0 14px;height:60px}}