@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-page: #F4FAF3;--bg-card: #FFFFFF;--bg-card-hover: #EEF7EC;--bg-sidebar: #1C2B1A;--bg-header: #FFFFFF;--bg-inset: #EBF4EA;--bg-input: #FFFFFF;--bg-modal: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .5);--border-subtle: rgba(0, 0, 0, .07);--border-default: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .22);--border-brand: rgba(61, 158, 54, .35);--border-focus: #3D9E36;--text-primary: #1A2412;--text-secondary: #4A6741;--text-muted: #8A9E82;--text-data: #2A3D22;--text-brand: #3D9E36;--text-link: #2E7D32;--brand-primary: #3D9E36;--brand-primary-dim: rgba(61, 158, 54, .12);--brand-primary-mid: rgba(61, 158, 54, .25);--brand-dark: #1B3D1A;--brand-accent: #4CAF50;--brand-accent-dim: rgba(76, 175, 80, .1);--brand-accent-mid: rgba(76, 175, 80, .22);--status-normal: #2FA97C;--status-warning: #F4A261;--status-alarm: #E55E5E;--status-critical: #FF3B3B;--status-info: #58A6FF;--status-inactive: #4A5568;--status-unknown: #6B7A8D;--status-pig: #E8437A;--pig-color: var(--status-pig);--status-normal-dim: rgba(47, 169, 124, .12);--status-warning-dim: rgba(244, 162, 97, .12);--status-alarm-dim: rgba(229, 94, 94, .12);--status-critical-dim: rgba(255, 59, 59, .12);--status-info-dim: rgba(88, 166, 255, .12);--status-pig-dim: rgba(232, 67, 122, .15);--glow-normal: 0 0 8px rgba(47, 169, 124, .3);--glow-warning: 0 0 8px rgba(244, 162, 97, .35);--glow-alarm: 0 0 10px rgba(229, 94, 94, .45);--glow-critical: 0 0 14px rgba(255, 59, 59, .55);--glow-pig: 0 0 12px rgba(232, 67, 122, .45);--glow-brand: 0 0 10px rgba(61, 158, 54, .35);--chart-s1: #58A6FF;--chart-s2: #2FA97C;--chart-s3: #F4A261;--chart-s4: #BC8CFF;--chart-s5: #79C0FF;--chart-grid: rgba(255, 255, 255, .05);--chart-axis: rgba(255, 255, 255, .08);--chart-ref: rgba(255, 255, 255, .15);--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-data: "JetBrains Mono", "Roboto Mono", "IBM Plex Mono", monospace;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--sidebar-width: 240px;--sidebar-collapsed: 56px;--header-height: 56px;--t-fast: 80ms ease;--t-base: .15s ease;--t-slow: .25s ease;--scrollbar-thumb: rgba(0,0,0,.12);--scrollbar-track: transparent}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--text-primary);background:var(--bg-page);line-height:1.5;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000038}::selection{background:var(--brand-primary-mid);color:var(--text-primary)}a{color:var(--text-link);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--text-primary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-data{color:var(--text-data)}.text-brand{color:var(--text-brand)}.font-data{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.02em}.label-section{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.weight-medium{font-weight:var(--weight-medium)}.weight-semibold{font-weight:var(--weight-semibold)}.weight-bold{font-weight:var(--weight-bold)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes value-flash{0%{background:#2fa97c38}to{background:transparent}}.value-updated{animation:value-flash .7s ease-out;border-radius:var(--radius-xs)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes pulse-border-warning{0%,to{box-shadow:var(--glow-warning)}50%{box-shadow:0 0 18px #f4a26199}}@keyframes pulse-border-critical{0%,to{box-shadow:var(--glow-critical)}50%{box-shadow:0 0 22px #ff3b3bb3}}@keyframes count-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:count-up .35s ease-out forwards}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0}#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);position:relative;overflow:hidden;transition:border-color var(--t-base)}.card:hover{border-color:var(--border-default)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color, var(--status-inactive));border-radius:var(--radius-md) 0 0 var(--radius-md);transition:background var(--t-base)}.card.accent-normal{--accent-color: var(--status-normal)}.card.accent-warning{--accent-color: var(--status-warning);box-shadow:var(--glow-warning)}.card.accent-alarm{--accent-color: var(--status-alarm);box-shadow:var(--glow-alarm)}.card.accent-critical{--accent-color: var(--status-critical);animation:pulse-border-critical 1.5s infinite}.card.accent-brand{--accent-color: var(--brand-primary)}.card.accent-pig{--accent-color: var(--pig-color);box-shadow:var(--glow-pig)}.card.no-accent:before{display:none}.kpi-tile{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--t-base)}.kpi-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kpi-accent, var(--status-inactive));border-radius:var(--radius-md) 0 0 var(--radius-md)}.kpi-tile .kpi-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.kpi-tile .kpi-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.1;letter-spacing:-.01em}.kpi-tile .kpi-value.large{font-size:var(--text-2xl)}.kpi-tile .kpi-unit{font-family:var(--font-data);font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--space-1);font-weight:var(--weight-regular)}.kpi-tile .kpi-sub{font-size:var(--text-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.kpi-tile .kpi-trend-up{color:var(--status-normal)}.kpi-tile .kpi-trend-down{color:var(--status-alarm)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-xs);border:1px solid currentColor;white-space:nowrap;line-height:1.4}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-dot.pulsing{animation:pulse-dot 2.5s ease-in-out infinite}.badge-normal{color:var(--status-normal);background:var(--status-normal-dim)}.badge-warning{color:var(--status-warning);background:var(--status-warning-dim)}.badge-alarm{color:var(--status-alarm);background:var(--status-alarm-dim)}.badge-critical{color:var(--status-critical);background:var(--status-critical-dim)}.badge-info{color:var(--status-info);background:var(--status-info-dim)}.badge-inactive{color:var(--status-inactive);background:#4a556826}.badge-brand{color:var(--brand-primary);background:var(--brand-primary-dim)}.badge-pig{color:var(--pig-color);background:var(--status-pig-dim)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:transparent;white-space:nowrap}.chip svg,.chip .chip-icon{width:12px;height:12px;flex-shrink:0;opacity:.7}.chip.chip-brand{color:var(--brand-accent);border-color:var(--brand-accent-dim);background:var(--brand-accent-dim)}.chip.chip-warning{color:var(--status-warning);border-color:var(--status-warning-dim);background:var(--status-warning-dim)}.chip.chip-alarm{color:var(--status-alarm);border-color:var(--status-alarm-dim);background:var(--status-alarm-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:8px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--t-base);white-space:nowrap;letter-spacing:.02em;text-decoration:none;line-height:1}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover:not(:disabled){background:#1e8fa8cc;box-shadow:var(--glow-brand)}.btn-accent{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.btn-accent:hover:not(:disabled){background:#2fa97ccc;box-shadow:var(--glow-normal)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong);background:#ffffff0a}.btn-danger{background:transparent;color:var(--status-alarm);border-color:var(--status-alarm-dim)}.btn-danger:hover:not(:disabled){background:var(--status-alarm-dim);box-shadow:var(--glow-alarm)}.btn-icon{padding:7px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-base)}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-default);background:#ffffff0a}.btn-sm{padding:5px 12px;font-size:var(--text-xs)}.btn-lg{padding:11px 24px;font-size:var(--text-base)}.input,.select{width:100%;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);padding:9px 12px;outline:none;transition:border-color var(--t-base),box-shadow var(--t-base);appearance:none}.input::placeholder{color:var(--text-muted)}.input:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1e8fa82e}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary)}.input-error{border-color:var(--status-alarm)!important}.input-error-msg{font-size:var(--text-xs);color:var(--status-alarm);margin-top:2px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:40px 1fr;gap:0 var(--space-3);position:relative}.timeline-item:not(:last-child) .timeline-line{position:absolute;left:19px;top:28px;bottom:-4px;width:1px;background:var(--border-subtle)}.timeline-icon-wrap{display:flex;flex-direction:column;align-items:center;padding-top:4px}.timeline-icon{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-icon.pass-sensor{background:var(--status-normal-dim);border-color:var(--status-normal);color:var(--status-normal)}.timeline-icon.pass-manual{background:var(--brand-primary-dim);border-color:var(--brand-primary);color:var(--brand-primary)}.timeline-icon.op-pump-on{background:var(--status-normal-dim);border-color:var(--status-normal);color:var(--status-normal)}.timeline-icon.op-pump-off{background:var(--status-alarm-dim);border-color:var(--status-alarm);color:var(--status-alarm)}.timeline-icon.op-flow{background:var(--status-info-dim);border-color:var(--status-info);color:var(--status-info)}.timeline-icon.op-note{background:#ffffff0a;border-color:var(--border-default);color:var(--text-secondary)}.timeline-icon.op-stall{background:var(--status-warning-dim);border-color:var(--status-warning);color:var(--status-warning)}.timeline-icon.launch{background:var(--status-pig-dim);border-color:var(--pig-color);color:var(--pig-color)}.timeline-body{padding:var(--space-2) 0 var(--space-4)}.timeline-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.timeline-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.timeline-ts{font-family:var(--font-data);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.timeline-detail{font-size:var(--text-xs);color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:2px}.timeline-kp{font-family:var(--font-data);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--pig-color)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-data);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table td.font-data{font-family:var(--font-data);font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}.data-table tr.row-reached td{color:var(--text-muted)}.data-table tr.row-active td{color:var(--text-primary);background:var(--brand-primary-dim)}.data-table tr.row-alarm td{color:var(--status-alarm)}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;transition:opacity var(--t-slow)}.modal-overlay.open{opacity:1}.modal{background:var(--bg-modal);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:480px;box-shadow:0 8px 32px #0009,0 2px 8px #0006;transform:translateY(8px);transition:transform var(--t-slow)}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.modal-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-modal);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000080;pointer-events:all;min-width:280px;max-width:380px;animation:toast-in .3s ease-out}.toast-normal{border-left:3px solid var(--status-normal)}.toast-warning{border-left:3px solid var(--status-warning)}.toast-alarm{border-left:3px solid var(--status-alarm)}.toast-info{border-left:3px solid var(--status-info)}.toast-text{flex:1;font-size:var(--text-sm);color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--text-muted);text-align:center}.empty-state svg{opacity:.3}.empty-state p{font-size:var(--text-sm)}.confidence-none{color:var(--status-inactive)}.confidence-flowEstimate{color:var(--status-info)}.confidence-preliminary{color:var(--status-warning)}.confidence-calibrated{color:var(--status-normal)}.kpi-tile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.kpi-tile-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.kpi-tile-icon{color:var(--text-muted);display:flex;align-items:center;opacity:.6}.kpi-tile-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.1;letter-spacing:-.01em}.kpi-tile-unit{font-family:var(--font-data);font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--space-1);font-weight:var(--weight-regular)}.kpi-tile-sub{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.kpi-tile--pig{--kpi-accent: var(--pig-color)}.kpi-tile--normal{--kpi-accent: var(--status-normal)}.kpi-tile--warning{--kpi-accent: var(--status-warning)}.kpi-tile--alarm{--kpi-accent: var(--status-alarm)}.kpi-tile--brand{--kpi-accent: var(--brand-primary)}.kpi-tile--info{--kpi-accent: var(--status-info)}.kpi-tile--inactive{--kpi-accent: var(--status-inactive)}.chip-pig{color:var(--pig-color);border-color:var(--status-pig-dim);background:var(--status-pig-dim)}.card-run{--accent-color: var(--pig-color);transition:box-shadow var(--t-base),border-color var(--t-base)}.card-run:hover{border-color:var(--border-strong)}.card-stall-deviation{--accent-color: var(--status-warning);box-shadow:var(--glow-warning)}.card-stall-possiblestall,.card-stall-critical{--accent-color: var(--status-alarm);animation:pulse-border-warning 2s ease-in-out infinite}.timeline-icon--pass-sensor{background:var(--status-normal-dim);border-color:var(--status-normal);color:var(--status-normal)}.timeline-icon--pass-manual{background:var(--brand-primary-dim);border-color:var(--brand-primary);color:var(--brand-primary)}.timeline-icon--op-pump-on{background:var(--status-normal-dim);border-color:var(--status-normal);color:var(--status-normal)}.timeline-icon--op-pump-off{background:var(--status-alarm-dim);border-color:var(--status-alarm);color:var(--status-alarm)}.timeline-icon--op-flow{background:var(--status-info-dim);border-color:var(--status-info);color:var(--status-info)}.timeline-icon--op-note{background:#ffffff0a;border-color:var(--border-default);color:var(--text-secondary)}.timeline-icon--op-stall{background:var(--status-warning-dim);border-color:var(--status-warning);color:var(--status-warning)}.timeline-icon--launch{background:var(--status-pig-dim);border-color:var(--pig-color);color:var(--pig-color)}.timeline-item{display:flex;gap:var(--space-3);padding:var(--space-2) 0;align-items:flex-start}.timeline-item+.timeline-item{border-top:1px solid var(--border-subtle)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;height:100vh;overflow:hidden;background:var(--bg-page)}.app-header{grid-column:2;grid-row:1;background:var(--bg-header);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);height:var(--header-height);z-index:100}.header-breadcrumb{flex:1;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);min-width:0}.header-breadcrumb .crumb-current{color:var(--text-primary);font-weight:var(--weight-medium);truncate:true;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-breadcrumb .separator{color:var(--text-muted);font-size:var(--text-xs)}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header-status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-inactive)}.header-status-dot.online{background:var(--status-normal);animation:pulse-dot 3s ease-in-out infinite}.header-status-dot.offline{background:var(--status-alarm)}.header-user{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--t-base)}.header-user:hover{border-color:var(--border-default);color:var(--text-primary);background:#0000000a}.header-avatar{width:26px;height:26px;border-radius:50%;background:var(--brand-primary-dim);border:1px solid var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand-primary);text-transform:uppercase;flex-shrink:0}.app-sidebar{grid-column:1;grid-row:1 / -1;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;z-index:200}.sidebar-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4) var(--space-4);gap:var(--space-2);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-logo-mark{width:64px;height:64px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px #0000004d}.sidebar-logo-text{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#e8f5e9;letter-spacing:.06em;text-transform:uppercase}.sidebar-logo-version{font-size:var(--text-xs);color:#e8f5e966;font-family:var(--font-data);margin-left:0}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3) 0}.sidebar-nav-section{padding:var(--space-3) var(--space-4) var(--space-1);display:flex;align-items:center;gap:var(--space-3)}.sidebar-nav-section:after{content:"";flex:1;height:1px;background:#ffffff14}.sidebar-nav-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-left:3px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--t-base);position:relative}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-item:hover{color:var(--text-primary);background:#0000000d}.nav-item:hover svg{opacity:1}.nav-item.active{color:var(--brand-accent);background:var(--brand-accent-dim);border-left-color:var(--brand-accent);font-weight:var(--weight-semibold)}.nav-item.active svg{opacity:1}.nav-badge{margin-left:auto;background:var(--status-alarm);color:#fff;font-size:10px;font-weight:var(--weight-bold);padding:1px 6px;border-radius:10px;line-height:1.6}.nav-badge.badge-info{background:var(--brand-primary)}.run-nav-item{padding:var(--space-2) var(--space-4) var(--space-2) calc(var(--space-4) - 3px);border-left:3px solid transparent;cursor:pointer;transition:all var(--t-base)}.run-nav-item:hover{background:#ffffff0f;border-left-color:#ffffff26}.run-nav-item.active{border-left-color:var(--pig-color)}.run-nav-line{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#e8f5e9e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-nav-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.run-nav-progress{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.run-nav-progress-fill{height:100%;background:var(--pig-color);border-radius:2px;transition:width 1s ease}.run-nav-pct{font-family:var(--font-data);font-size:10px;color:var(--pig-color);white-space:nowrap}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);flex-shrink:0}.app-main{grid-column:2;grid-row:2;overflow-y:auto;overflow-x:hidden}.page-content{padding:var(--space-5) var(--space-6);max-width:1600px}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.chart-wrap{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-4)}@media (max-width: 1200px){.col-3,.col-4{grid-column:span 6}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr}.app-sidebar{display:none}.app-header,.app-main{grid-column:1}.col-3,.col-4,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}.page-content{padding:var(--space-4)}}.app-sidebar .sidebar-logo-text{color:#e8f5e9}.app-sidebar .sidebar-logo-version{color:#e8f5e973}.app-sidebar .sidebar-logo{border-bottom-color:#ffffff14}.app-sidebar .sidebar-nav-label{color:#e8f5e973}.app-sidebar .nav-item{color:#e8f5e9a6}.app-sidebar .nav-item:hover{color:#e8f5e9;background:#ffffff12;border-left-color:#fff3}.app-sidebar .nav-item.active{color:#4caf50;background:#4caf502e;border-left-color:#4caf50}.app-sidebar .nav-item svg{opacity:.65}.app-sidebar .nav-item:hover svg,.app-sidebar .nav-item.active svg{opacity:1}.app-sidebar .run-nav-item:hover{background:#ffffff0f}.app-sidebar .run-nav-line{color:#e8f5e9cc}.app-sidebar .run-nav-progress{background:#ffffff1a}.app-sidebar .sidebar-footer{border-top-color:#ffffff14}.app-sidebar .btn-ghost{color:#e8f5e999;border-color:#ffffff1f}.app-sidebar .btn-ghost:hover{color:#e8f5e9;background:#ffffff14;border-color:#ffffff38}.app-sidebar .header-avatar{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);position:relative;overflow:hidden}.login-bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(61,158,54,.1) 0%,transparent 70%);top:-200px;left:-100px;pointer-events:none}.login-bg-glow-2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(232,67,122,.07) 0%,transparent 70%);bottom:-100px;right:-50px;pointer-events:none}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 8px 40px #00000080;position:relative;z-index:1}