: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);--font: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", 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(--gray-50);color:var(--gray-800);line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);height:100vh;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;z-index:200;transition:transform .25s ease}.sidebar-brand{padding:20px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:12px}.sidebar-logo{width:38px;height:38px;background:var(--red);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;flex-shrink:0}.sidebar-brand-text{line-height:1.2}.sidebar-brand-name{font-size:14px;font-weight:700;color:var(--gray-900)}.sidebar-brand-sub{font-size:11px;color:var(--gray-400);font-weight:400}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);padding:10px 8px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--gray-500);font-size:13.5px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .15s;position:relative;text-align:left;width:100%}.nav-item:hover{background:var(--gray-100);color:var(--gray-800)}.nav-item.active{background:var(--red-light);color:var(--red)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--red);border-radius:0 2px 2px 0}.nav-icon{display:flex;align-items:center;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--red);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(--green)}.nav-badge.amber{background:var(--amber)}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--gray-200);font-size:11px;color:var(--gray-400)}.main{flex:1;margin-left:var(--sidebar-w);padding:24px;min-height:100vh;max-width:100%}.page-header{background:#fff;border-radius:var(--radius);padding:18px 22px;margin-bottom:20px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.page-header-left h1{font-size:20px;font-weight:700;color:var(--gray-900)}.page-header-left p{font-size:13px;color:var(--gray-500);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;border:none;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover:not(:disabled){background:var(--red-dark)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#15803d}.btn-sm{padding:6px 13px;font-size:12.5px}.btn-icon-only{padding:8px;border-radius:8px;border:none;background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:var(--font)}.btn-icon-only:hover{background:var(--gray-200)}.btn-icon-only.active-confirm{background:#dcfce7;color:var(--green)}.btn-icon-only.active-reject{background:var(--red-light);color:var(--red)}.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:#fff;border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400);margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.stat-value.red{color:var(--red)}.stat-value.green{color:var(--green)}.stat-value.amber{color:var(--amber)}.stat-value.navy{color:var(--navy-mid)}.stat-sub{font-size:11px;color:var(--gray-400);margin-top:4px}.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}}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:8px}.welcome-step{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .2s;border:2px solid transparent;text-align:left}.welcome-step:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:var(--shadow-md)}.welcome-step-num{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--red);margin-bottom:2px}.welcome-step-icon{width:44px;height:44px;background:var(--red-light);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--red)}.welcome-step-title{font-size:16px;font-weight:700;color:var(--gray-900)}.welcome-step-desc{font-size:13px;color:var(--gray-500)}.welcome-step-badge{display:inline-flex;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;background:var(--green-light);color:var(--green);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:#fff;border-radius:var(--radius);padding:14px 18px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--gray-400)}.filter-group select,.filter-group input{padding:8px 12px;border:1.5px solid var(--gray-200);border-radius:7px;font-size:13.5px;font-family:var(--font);outline:none;min-width:140px;transition:border-color .15s}.filter-group select:focus,.filter-group input:focus{border-color:var(--red)}.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}}