:root{--red: #dc2626;--red-dark: #b91c1c;--red-light: #fef2f2;--red-border: #fecaca;--green: #16a34a;--green-light: #f0fdf4;--amber: #d97706;--amber-light: #fffbeb;--blue: #2563eb;--blue-light: #eff6ff;--navy: #1e1b4b;--navy-mid: #312e81;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--sidebar-w: 260px;--radius: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--bg: oklch(.985 .006 30);--paper: oklch(.992 .004 30);--surface: oklch(.998 .002 30);--tint: oklch(.96 .012 30);--ink: oklch(.2 .014 30);--ink-2: oklch(.34 .012 30);--ink-3: oklch(.52 .01 30);--ink-4: oklch(.7 .008 30);--rule: oklch(.92 .008 30);--rule-2: oklch(.87 .01 30);--brand: oklch(.585 .215 27);--brand-d: oklch(.5 .21 27);--brand-w: oklch(.95 .03 27);--good: oklch(.58 .13 150);--good-w: oklch(.94 .04 150);--warn: oklch(.68 .14 75);--warn-w: oklch(.96 .05 80);--info: oklch(.55 .13 240);--info-w: oklch(.95 .04 240);--r-s: 6px;--r-m: 10px;--r-l: 14px;--font: "Hanken Grotesk", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","ss02"}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);height:100vh;background:var(--paper);border-right:1px solid var(--rule);display:flex;flex-direction:column;z-index:200;transition:transform .25s ease}.sidebar-brand{padding:20px 22px 18px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:11px}.sidebar-logo{width:32px;height:32px;background:var(--brand);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in oklch,var(--brand) 50%,transparent)}.sidebar-brand-text{line-height:1.2}.sidebar-brand-name{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.1;color:var(--ink)}.sidebar-brand-sub{font-size:11.5px;color:var(--ink-3);margin-top:2px;font-variant:small-caps;letter-spacing:.04em}.sidebar-nav{flex:1;padding:12px 12px 8px;display:flex;flex-direction:column;gap:1px;overflow-y:auto}.nav-section-label{font-size:11px;font-weight:500;color:var(--ink-4);padding:14px 10px 6px;letter-spacing:.02em}.nav-item{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:6px;border:none;background:transparent;color:var(--ink-2);font-size:13.25px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .12s,color .12s;position:relative;text-align:left;width:100%}.nav-item:hover{background:var(--tint);color:var(--ink)}.nav-item.active{color:var(--ink);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-4px;top:7px;bottom:7px;width:2px;background:var(--brand);border-radius:2px}.nav-icon{width:16px;display:flex;align-items:center;flex-shrink:0;color:var(--ink-3)}.nav-item.active .nav-icon{color:var(--brand)}.nav-badge{margin-left:auto;background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;min-width:18px;text-align:center}.nav-badge.green{background:var(--good)}.nav-badge.amber{background:var(--warn)}.sidebar-footer{padding:12px 22px 16px;border-top:1px solid var(--rule);font-size:11.5px;color:var(--ink-4);font-family:var(--font-mono);letter-spacing:-.02em}.main{flex:1;margin-left:var(--sidebar-w);padding:24px;min-height:100vh;max-width:100%}.page-header{background:var(--surface);border-radius:var(--r-l);border:1px solid var(--rule);padding:16px 22px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.page-header-left h1{font-size:20px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.page-header-left p{font-size:12.5px;color:var(--ink-3);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:7px;border:1px solid transparent;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .12s;white-space:nowrap;line-height:1}.btn-primary{background:var(--brand);color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--brand-d)}.btn-primary:disabled{background:var(--ink-4);cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--tint);color:var(--ink-2);border-color:var(--rule)}.btn-secondary:hover{background:var(--rule)}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--rule)}.btn-ghost:hover{background:var(--tint);border-color:var(--rule-2);color:var(--ink)}.btn-green{background:var(--good);color:#fff;border-color:transparent}.btn-green:hover{background:#287c42}.btn-sm{padding:5px 11px;font-size:12px}.btn-icon-only{padding:7px;border-radius:7px;border:1px solid var(--rule-2);background:var(--surface);color:var(--ink-3);cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center;font-family:var(--font)}.btn-icon-only:hover{background:var(--tint);color:var(--ink)}.btn-icon-only.active-confirm{background:var(--good-w);color:var(--good);border-color:color-mix(in oklch,var(--good) 30%,transparent)}.btn-icon-only.active-reject{background:var(--brand-w);color:var(--brand);border-color:color-mix(in oklch,var(--brand) 30%,transparent)}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.drop-zone{border:2px dashed var(--gray-200);border-radius:var(--radius);padding:48px 32px;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--red);background:var(--red-light)}.drop-zone input{display:none}.drop-zone-icon{display:flex;justify-content:center;color:var(--gray-300);margin-bottom:14px;transition:color .2s}.drop-zone:hover .drop-zone-icon,.drop-zone.drag-over .drop-zone-icon{color:var(--red)}.drop-zone-title{font-size:15px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.drop-zone-hint{font-size:12px;color:var(--gray-400)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border-radius:var(--r-l);border:1px solid var(--rule);padding:16px 18px}.stat-label{font-size:10.5px;font-weight:600;font-variant:small-caps;letter-spacing:.04em;color:var(--ink-4);margin-bottom:6px}.stat-value{font-family:var(--font-serif);font-size:28px;line-height:1;letter-spacing:-.02em;color:var(--ink)}.stat-value.red{color:var(--brand)}.stat-value.green{color:var(--good)}.stat-value.amber{color:var(--warn)}.stat-value.navy{color:var(--ink)}.stat-sub{font-size:11px;color:var(--ink-4);margin-top:4px;font-family:var(--font-mono);letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:var(--red-light);color:#991b1b}.badge-amber{background:#fef3c7;color:#92400e}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-blue{background:var(--blue-light);color:#1e40af}.scan-box{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);padding:36px 24px;text-align:center;transition:all .2s}.scan-box.scanning{border-color:var(--red);background:var(--red-light)}.scan-number{font-family:var(--font-mono);font-size:36px;font-weight:500;letter-spacing:4px;color:var(--gray-800);margin-top:10px;min-height:44px}.scan-status{margin-top:14px;padding:12px 20px;border-radius:8px;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.scan-status.ok{background:#dcfce7;color:#166534}.scan-status.err{background:var(--red-light);color:#991b1b}.scan-status.dup{background:#fef3c7;color:#92400e}.data-row{display:flex;align-items:center;padding:13px 18px;border-bottom:1px solid var(--gray-100);gap:12px;transition:background .1s}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--gray-50)}.data-row.confirmed{background:#f0fdf4}.data-row.rejected{background:var(--red-light)}.operator-group{margin-bottom:20px}.operator-group-header{background:var(--navy);color:#fff;padding:11px 18px;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}.operator-group-body{background:#fff;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:var(--shadow-sm)}.missing-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--red-border);overflow:hidden}.missing-panel-header{padding:12px 16px;background:var(--red-light);border-bottom:1px solid var(--red-border);display:flex;align-items:center;gap:8px;font-weight:700;color:var(--red-dark);font-size:13px}.missing-list{max-height:280px;overflow-y:auto}.missing-item{padding:10px 16px;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;font-size:13px}.missing-item:last-child{border-bottom:none}.missing-item:hover{background:var(--red-light)}.missing-ticket{font-family:var(--font-mono);font-weight:600}.missing-label{font-size:11px;color:var(--gray-400)}.summary-panel{background:var(--navy);color:#fff;border-radius:var(--radius);padding:20px;margin-bottom:16px}.summary-panel-title{font-size:13px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-item{background:#ffffff14;border-radius:8px;padding:12px 14px;text-align:center}.summary-item-label{font-size:10px;color:#ffffff80;margin-bottom:4px;text-transform:uppercase}.summary-item-value{font-size:24px;font-weight:700}.sv-green{color:#86efac}.sv-red{color:#fca5a5}.sv-amber{color:#fde68a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal{background:#fff;border-radius:14px;padding:24px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-title{font-size:17px;font-weight:700;margin-bottom:16px}.modal textarea{width:100%;border:1.5px solid var(--gray-200);border-radius:8px;padding:10px 12px;font-size:14px;font-family:var(--font);resize:vertical;min-height:100px;outline:none;transition:border-color .15s}.modal textarea:focus{border-color:var(--red)}.modal-actions{display:flex;gap:10px;margin-top:14px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:8px}.welcome-step-num{font-size:10.5px;font-weight:600;font-variant:small-caps;letter-spacing:.04em;color:var(--brand);margin-bottom:2px}.welcome-step-icon{width:40px;height:40px;background:var(--tint);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.welcome-step-title{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.welcome-step-desc{font-size:12.5px;color:var(--ink-3);line-height:1.4}.welcome-step-badge{display:inline-flex;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;background:var(--good-w);color:var(--good);width:fit-content}.report-section{margin-bottom:24px}.report-section-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-500);padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--gray-200)}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th{text-align:left;padding:8px 12px;background:var(--gray-100);color:var(--gray-600);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.report-table td{padding:10px 12px;border-bottom:1px solid var(--gray-100)}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover td{background:var(--gray-50)}.alert{padding:12px 16px;border-radius:8px;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:12px}.alert-info{background:var(--blue-light);color:#1e40af}.alert-warn{background:#fef3c7;color:#92400e}.alert-error{background:var(--red-light);color:#991b1b}.alert-success{background:#dcfce7;color:#166534}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-400)}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{font-size:15px}.filters-bar{background:var(--surface);border-radius:var(--r-m);border:1px solid var(--rule);padding:12px 16px;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:10.5px;font-weight:600;font-variant:small-caps;letter-spacing:.04em;color:var(--ink-4)}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid var(--rule-2);border-radius:7px;font-size:13px;font-family:var(--font);background:var(--surface);color:var(--ink);outline:none;min-width:140px;transition:border-color .12s}.filter-group select:focus,.filter-group input:focus{border-color:var(--brand)}.progress-bar{height:6px;background:var(--gray-200);border-radius:99px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background:var(--red);border-radius:99px;transition:width .4s ease}.progress-bar-fill.green{background:var(--green)}.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:300;background:#fff;border:1px solid var(--gray-200);border-radius:9px;padding:8px;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--gray-700)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-menu-btn{display:flex}.mobile-overlay.open{display:block}.sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.main{margin-left:0;padding:60px 16px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:22px}.page-header{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,1fr)}.welcome-grid{grid-template-columns:1fr}.report-table{font-size:12px}.filters-bar{flex-direction:column}.filter-group select,.filter-group input{min-width:unset;width:100%}.drop-zone{padding:32px 20px}}.btn-link{background:none;border:none;color:var(--red);font-weight:600;cursor:pointer;font-size:inherit;font-family:var(--font);padding:0;text-decoration:underline}.btn-link:hover{color:var(--red-dark)}.num-counter input[type=number]::-webkit-outer-spin-button,.num-counter input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-counter input[type=number]{-moz-appearance:textfield}