@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Barlow:wght@400;500;600&family=Share+Tech+Mono&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Share Tech Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-muted{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #07090f;--bg-surface: #0d1117;--bg-raised: #111827;--bg-hover: #141e2d;--border: #1a2535;--border-mid: #243044;--border-hi: #2d3f57;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-faint: #3a4a5c;--text-ink: #2a3a4e;--accent: #f97316;--accent-hi: #fb923c;--cyan: #22d3ee;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--font-mono: "Share Tech Mono", monospace;--font-cond: "Barlow Condensed", sans-serif;--font-base: "Barlow", sans-serif;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6)}html,body,#root{height:100%;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-base);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:224px;min-width:224px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:relative;z-index:10}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--accent) 40%,var(--cyan) 70%,transparent 100%);opacity:.15;pointer-events:none}.sidebar-logo{padding:22px 20px 18px;border-bottom:1px solid var(--border);position:relative}.sidebar-logo .logo-mark{font-family:var(--font-cond);font-weight:800;font-size:22px;letter-spacing:.06em;color:var(--accent);display:flex;align-items:center;gap:9px}.sidebar-logo .logo-sub{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.18em;margin-top:2px;text-transform:uppercase}.sidebar-status{display:flex;align-items:center;gap:6px;margin-top:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #10b981b3;animation:pulse-dot 2.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px #10b981b3}50%{opacity:.5;box-shadow:0 0 2px #10b9814d}}.sidebar-nav{padding:12px 0;flex:1;overflow-y:auto}.nav-section-label{font-family:var(--font-mono);font-size:9px;color:var(--text-ink);letter-spacing:.2em;text-transform:uppercase;padding:10px 20px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text-muted);text-decoration:none;font-family:var(--font-cond);font-weight:600;font-size:14px;letter-spacing:.04em;transition:all .18s;border-left:2px solid transparent;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .18s}.nav-link:hover{color:var(--text-primary);border-left-color:var(--border-mid)}.nav-link:hover:before{background:#ffffff06}.nav-link.active{color:var(--accent);border-left-color:var(--accent)}.nav-link.active:before{background:linear-gradient(90deg,rgba(249,115,22,.12) 0%,transparent 100%)}.nav-link .nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-link:hover .nav-icon{opacity:.9}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.main-content{flex:1;overflow-y:auto;background:var(--bg-base);background-image:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(249,115,22,.04) 0%,transparent 70%),radial-gradient(ellipse 60% 30% at 90% 100%,rgba(34,211,238,.03) 0%,transparent 60%)}.page-header{padding:26px 32px 0;border-bottom:1px solid var(--border);background:#07090feb;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-title{font-family:var(--font-cond);font-weight:700;font-size:26px;letter-spacing:.06em;color:var(--text-primary);text-transform:uppercase}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:3px}.page-tabs{display:flex;margin-top:14px}.page-tab{padding:8px 20px;font-family:var(--font-cond);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;background:none}.page-tab:hover{color:var(--text-primary)}.page-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.stat-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s}.stat-card:hover{border-color:var(--border-hi);box-shadow:0 4px 20px #0006;transform:translateY(-1px)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:0 0 0 var(--radius)}.stat-card:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;border-radius:50%;opacity:.05;pointer-events:none;transition:opacity .2s}.stat-card:hover:after{opacity:.08}.stat-card.accent:before{background:linear-gradient(180deg,var(--accent),transparent)}.stat-card.cyan:before{background:linear-gradient(180deg,var(--cyan),transparent)}.stat-card.danger:before{background:linear-gradient(180deg,var(--danger),transparent)}.stat-card.warning:before{background:linear-gradient(180deg,var(--warning),transparent)}.stat-card.success:before{background:linear-gradient(180deg,var(--success),transparent)}.stat-card.accent:after{background:var(--accent);transform:translate(10px,-10px)}.stat-card.cyan:after{background:var(--cyan);transform:translate(10px,-10px)}.stat-card.danger:after{background:var(--danger);transform:translate(10px,-10px)}.stat-card.warning:after{background:var(--warning);transform:translate(10px,-10px)}.stat-card.success:after{background:var(--success);transform:translate(10px,-10px)}.stat-card .card-icon{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-card .card-value{font-family:var(--font-mono);font-size:34px;line-height:1;color:var(--text-primary);letter-spacing:-.02em}.stat-card .card-label{font-family:var(--font-cond);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:7px}.stat-card .card-trend{font-family:var(--font-mono);font-size:11px;margin-top:7px;color:var(--text-faint)}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#ffffff03}.panel-title{font-family:var(--font-cond);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary)}.data-table th{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-ink);padding:10px 16px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg-surface);white-space:nowrap}.data-table td{padding:11px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid rgba(26,37,53,.6);transition:background .1s}.data-table tbody tr:hover td{background:#ffffff05}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n) td{background:#0000001f}.data-table tbody tr:nth-child(2n):hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;white-space:nowrap}.badge-done{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.badge-failed{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge-processing{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.badge-pending{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.badge-helmet{background:#f973161a;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.badge-vest{background:#22d3ee1a;color:#22d3ee;border:1px solid rgba(34,211,238,.2)}.form-label{display:block;font-family:var(--font-cond);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.form-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;color:var(--text-primary);font-family:var(--font-base);font-size:14px;transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f973161a}.form-select{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 36px 9px 13px;color:var(--text-primary);font-family:var(--font-base);font-size:14px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s,box-shadow .15s}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f973161a}.form-range{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.form-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 10px #f9731680;-webkit-transition:box-shadow .15s;transition:box-shadow .15s}.form-range::-webkit-slider-thumb:hover{box-shadow:0 0 16px #f97316b3}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-family:var(--font-cond);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#07090f}.btn-primary:hover:not(:disabled){background:var(--accent-hi);box-shadow:0 0 20px #f9731666;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#1e1208;color:#3d2210;cursor:not-allowed}.btn-secondary{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-mid)}.btn-secondary:hover{background:var(--border-mid);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-mid)}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef44442e}.upload-zone{border:2px dashed var(--border-mid);border-radius:var(--radius-lg);padding:52px 32px;text-align:center;transition:all .22s;cursor:pointer;background:#0d111766;position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(249,115,22,.04),transparent 70%);opacity:0;transition:opacity .22s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:#f9731608}.upload-zone:hover:before,.upload-zone.dragging:before{opacity:1}.progress-bar{height:3px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hi));border-radius:3px;transition:width .3s;box-shadow:0 0 8px #f9731699}.progress-fill.indeterminate{width:35%;animation:indeterminate 1.6s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-200%)}to{transform:translate(500%)}}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-cond)}.text-accent{color:var(--accent)}.text-cyan{color:var(--cyan)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-ink{color:var(--text-primary)}.divider{border:none;border-top:1px solid var(--border);margin:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up .3s ease both}.fade-in-1{animation:fade-in-up .3s .05s ease both}.fade-in-2{animation:fade-in-up .3s .1s ease both}.fade-in-3{animation:fade-in-up .3s .15s ease both}.fade-in-4{animation:fade-in-up .3s .2s ease both}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #f973164d}50%{box-shadow:0 0 24px #f9731699}}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#0f1520!important;border:1px solid var(--border-mid)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow)!important;font-family:var(--font-mono)!important}.recharts-cartesian-axis-tick-value{fill:var(--text-faint)!important;font-size:11px!important;font-family:var(--font-mono)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:10px}.empty-state .empty-icon{font-size:38px;opacity:.25}.empty-state .empty-text{font-family:var(--font-cond);font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.metric-row{display:flex;align-items:baseline;gap:6px}.metric-row .metric-value{font-family:var(--font-mono);font-size:22px;line-height:1;color:var(--text-primary)}.metric-row .metric-label{font-family:var(--font-cond);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.conf-bar-wrap{display:flex;align-items:center;gap:8px}.conf-bar{height:3px;border-radius:2px;background:var(--border-mid);flex:1;overflow:hidden}.conf-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.conf-high{background:var(--success)}.conf-mid{background:var(--warning)}.conf-low{background:var(--danger)}.scan-status-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 24px}.scan-plate-display{font-family:var(--font-mono);font-size:22px;letter-spacing:.2em;color:var(--accent);background:var(--bg-surface);border:2px solid rgba(249,115,22,.3);border-radius:var(--radius-sm);padding:12px 28px;animation:glow-pulse 2s ease-in-out infinite}.event-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-family:var(--font-mono);font-size:11px}.event-pill.no-helmet{background:#f973161a;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.event-pill.no-vest{background:#22d3ee1a;color:#22d3ee;border:1px solid rgba(34,211,238,.2)}.sidebar{width:220px;min-width:220px;background:#0d1117;border-right:1px solid #1e2a3a;display:flex;flex-direction:column;padding:0;position:relative;z-index:10}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#1e2a3a 1px,transparent 1px);background-size:24px 24px;opacity:.3;pointer-events:none}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid #1e2a3a;position:relative}.sidebar-logo .logo-mark{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:22px;letter-spacing:.05em;color:#f97316;display:flex;align-items:center;gap:8px}.sidebar-logo .logo-sub{font-family:Share Tech Mono,monospace;font-size:10px;color:#64748b;letter-spacing:.15em;margin-top:2px;text-transform:uppercase}.sidebar-status{display:flex;align-items:center;gap:6px;margin-top:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98199;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.sidebar-nav{padding:16px 0;flex:1;position:relative}.nav-section-label{font-family:Share Tech Mono,monospace;font-size:10px;color:#3a4a5c;letter-spacing:.15em;text-transform:uppercase;padding:8px 20px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#64748b;text-decoration:none;font-family:Barlow Condensed,sans-serif;font-weight:500;font-size:15px;letter-spacing:.03em;transition:all .15s;border-left:2px solid transparent;position:relative}.nav-link:hover{color:#e2e8f0;background:#ffffff08;border-left-color:#1e2a3a}.nav-link.active{color:#f97316;border-left-color:#f97316;background:#f973160f}.nav-link .nav-icon{width:16px;height:16px;opacity:.7;flex-shrink:0}.nav-link.active .nav-icon{opacity:1}.sidebar-footer{padding:16px 20px;border-top:1px solid #1e2a3a;font-family:Share Tech Mono,monospace;font-size:10px;color:#3a4a5c;position:relative}.main-content{flex:1;overflow-y:auto;background:#07090f}.page-header{padding:28px 32px 0;border-bottom:1px solid #1e2a3a;background:#07090f;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:28px;letter-spacing:.04em;color:#e2e8f0;text-transform:uppercase}.page-subtitle{font-size:13px;color:#64748b;margin-top:2px;font-family:Barlow,sans-serif}.page-tabs{display:flex;gap:0;margin-top:16px}.page-tab{padding:8px 20px;font-family:Barlow Condensed,sans-serif;font-weight:500;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#64748b;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;background:none;border-left:none;border-right:none;border-top:none}.page-tab:hover{color:#e2e8f0}.page-tab.active{color:#f97316;border-bottom-color:#f97316}.page-body{padding:28px 32px}.stat-card{background:#111827;border:1px solid #1e2a3a;border-radius:8px;padding:20px;position:relative;overflow:hidden;transition:border-color .2s}.stat-card:hover{border-color:#2a3a4e}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%}.stat-card.accent:before{background:#f97316}.stat-card.cyan:before{background:#22d3ee}.stat-card.danger:before{background:#ef4444}.stat-card.warning:before{background:#f59e0b}.stat-card.success:before{background:#10b981}.stat-card .card-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-card .card-value{font-family:Share Tech Mono,monospace;font-size:36px;line-height:1;color:#e2e8f0}.stat-card .card-label{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-top:6px}.stat-card .card-trend{font-family:Share Tech Mono,monospace;font-size:11px;margin-top:8px}.panel{background:#111827;border:1px solid #1e2a3a;border-radius:8px}.panel-header{padding:16px 20px;border-bottom:1px solid #1e2a3a;display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0}.panel-body{padding:20px}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#3a4a5c;padding:10px 16px;text-align:left;border-bottom:1px solid #1e2a3a}.data-table td{padding:11px 16px;font-size:13px;color:#94a3b8;border-bottom:1px solid #0d1117}.data-table tr:hover td{background:#ffffff04}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-family:Share Tech Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.05em}.badge-done{background:#10b9811f;color:#10b981}.badge-failed{background:#ef44441f;color:#ef4444}.badge-processing{background:#f973161f;color:#f97316}.badge-pending{background:#64748b1f;color:#64748b}.badge-helmet{background:#f973161f;color:#f97316}.badge-vest{background:#22d3ee1f;color:#22d3ee}.form-label{display:block;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-bottom:8px}.form-input{width:100%;background:#0d1117;border:1px solid #1e2a3a;border-radius:6px;padding:10px 14px;color:#e2e8f0;font-family:Barlow,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.form-select{width:100%;background:#0d1117;border:1px solid #1e2a3a;border-radius:6px;padding:10px 14px;color:#e2e8f0;font-family:Barlow,sans-serif;font-size:14px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.form-range{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#1e2a3a;outline:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f97316;cursor:pointer;box-shadow:0 0 8px #f9731666}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s;border:none;outline:none}.btn-primary{background:#f97316;color:#07090f;box-shadow:0 0 #f9731666}.btn-primary:hover{background:#fb923c;box-shadow:0 0 16px #f973164d}.btn-primary:disabled{background:#2a1a0a;color:#64341a;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#1e2a3a;color:#94a3b8;border:1px solid #2a3a4e}.btn-secondary:hover{background:#253344;color:#e2e8f0}.btn-ghost{background:transparent;color:#64748b;border:1px solid #1e2a3a}.btn-ghost:hover{background:#111827;color:#e2e8f0}.btn-danger{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.upload-zone{border:2px dashed #1e2a3a;border-radius:10px;padding:48px 32px;text-align:center;transition:all .2s;cursor:pointer;background:#0d111780}.upload-zone:hover,.upload-zone.dragging{border-color:#f97316;background:#f973160a;box-shadow:0 0 24px #f9731614 inset}.progress-bar{height:3px;background:#1e2a3a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:2px;transition:width .3s;box-shadow:0 0 8px #f9731680}.progress-fill.indeterminate{width:40%;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.mono{font-family:Share Tech Mono,monospace}.display{font-family:Barlow Condensed,sans-serif}.text-accent{color:#f97316}.text-cyan{color:#22d3ee}.text-danger{color:#ef4444}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-muted{color:#64748b}.text-ink{color:#e2e8f0}.divider{border:none;border-top:1px solid #1e2a3a;margin:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up .35s ease both}.fade-in-1{animation:fade-in-up .35s .05s ease both}.fade-in-2{animation:fade-in-up .35s .1s ease both}.fade-in-3{animation:fade-in-up .35s .15s ease both}.fade-in-4{animation:fade-in-up .35s .2s ease both}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#111827!important;border:1px solid #1e2a3a!important;border-radius:6px!important}.recharts-cartesian-axis-tick-value{fill:#64748b!important;font-size:11px!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#1e2a3a!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#3a4a5c;text-align:center;gap:12px}.empty-state .empty-icon{font-size:40px;opacity:.4}.empty-state .empty-text{font-family:Barlow Condensed,sans-serif;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:#3a4a5c}
