*,*:before,*:after{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{font-weight:500;color:#2563eb;text-decoration:inherit}a:hover{color:#1d4ed8}button{font-family:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto}table{border-collapse:collapse}:root{--primary-color: #e06b6b;--primary-dark: #c85454;--primary-light: #fdf0f0;--accent-color: #5dae5d;--accent-light: #e8f5e8;--success-color: #5dae5d;--success-light: #e8f5e8;--warning-color: #e09b4f;--warning-light: #fdf3e8;--info-color: #5b9ecf;--info-light: #eaf3fb;--purple-color: #8b6fc0;--purple-light: #f0ebf8;--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;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--gray-100);color:var(--gray-800);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.header-brand{display:flex;align-items:center;gap:1rem}.brand-icon{width:40px;height:40px}.brand-logo{width:55px;height:55px;object-fit:contain;margin:-6px 0;filter:drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 6px rgba(255,255,255,.5))}.brand-text h1{font-size:1.5rem;font-weight:700;margin:0}.brand-text .subtitle{font-size:.875rem;opacity:.9}.header-actions{display:flex;gap:1rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:var(--white);border-radius:var(--radius);cursor:pointer;font-size:.875rem;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#ffffff40}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn .icon{width:18px;height:18px}.refresh-btn .icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{flex:1;padding:2rem;max-width:1600px;width:100%;margin:0 auto}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:#991b1b;color:var(--white);border:none;padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer}.dashboard{background:var(--white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.period-selector{display:flex;gap:.5rem}.period-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);border-radius:var(--radius);cursor:pointer;font-size:.875rem;transition:all .2s}.period-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.period-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.icon-sm{width:16px;height:16px}.dashboard-top{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dashboard-left{display:flex;flex-direction:column;gap:1.5rem}.dashboard-right{display:flex;flex-direction:column}.video-panel{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;height:100%;display:flex;flex-direction:column}.video-panel h3{font-size:1rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.video-wrapper{flex:1;border-radius:var(--radius);overflow:hidden;background:#000}.video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.video-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.8125rem;color:var(--gray-500)}.video-status{display:flex;align-items:center;gap:.375rem;font-weight:600;color:var(--success-color)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.video-label{font-size:.75rem}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-card{background:var(--gray-50);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--gray-200)}.metric-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.metric-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.metric-icon .icon{width:22px;height:22px}.metric-icon.color-green{background:var(--success-light);color:var(--success-color)}.metric-icon.color-blue{background:var(--info-light);color:var(--info-color)}.metric-icon.color-purple{background:var(--purple-light);color:var(--purple-color)}.metric-icon.color-orange{background:var(--warning-light);color:var(--warning-color)}.metric-title{font-size:.875rem;color:var(--gray-500)}.metric-value{font-size:2rem;font-weight:700;color:var(--gray-800);margin-bottom:.25rem}.metric-subtitle{font-size:.75rem;color:var(--gray-400)}.daily-chart{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem}.daily-chart h3{font-size:1rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem}.chart-container{padding:1rem;background:var(--gray-50);border-radius:var(--radius)}.chart-legend{display:flex;gap:1.5rem;margin-bottom:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.green{background:var(--success-color)}.legend-dot.blue{background:var(--info-color)}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:120px;padding-top:1rem}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.bars{display:flex;gap:4px;align-items:flex-end;height:100px}.bar{width:20px;border-radius:4px 4px 0 0;transition:height .3s ease;cursor:pointer}.bar-in{background:var(--success-color)}.bar-out{background:var(--info-color)}.bar-label{font-size:.75rem;color:var(--gray-500)}.truck-lists-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.truck-list{background:var(--white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.truck-list-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.truck-list-header .icon{width:24px;height:24px}.truck-list-header h2{font-size:1.125rem;font-weight:600;color:var(--gray-800);flex:1}.truck-count{background:var(--gray-200);color:var(--gray-700);padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}.color-blue{color:var(--info-color)}.truck-list-content{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;max-height:560px;overflow-y:auto;padding:.25rem}.truck-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .2s;box-shadow:var(--shadow)}.truck-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.truck-card.status-in{border-top:3px solid var(--success-color)}.truck-card.status-out{border-top:3px solid var(--info-color)}.truck-card-image{width:100%;height:140px;position:relative;background:var(--gray-100);overflow:hidden}.truck-image{width:100%;height:100%;object-fit:cover}.truck-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-300)}.truck-image-placeholder.hidden{display:none}.truck-card-content{display:flex;flex-direction:column;gap:.5rem;padding:.85rem}.truck-card-body{display:flex;justify-content:space-between;gap:.5rem}.truck-card-time{display:flex;flex-direction:column;gap:.375rem;justify-content:center;text-align:right;flex-shrink:0}.truck-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.15rem;padding-top:.4rem;border-top:1px solid var(--gray-100)}.truck-plate-row{width:75%;margin-bottom:.25rem}.truck-card-main{display:flex;flex-direction:column;gap:.25rem}.truck-plate{display:flex;align-items:center;gap:.5rem}.truck-plate .icon-sm{color:var(--gray-500)}.license-plate{font-weight:800;font-size:1.15rem;letter-spacing:.04em;color:var(--gray-900);font-family:SF Mono,Monaco,Courier New,monospace;background:var(--gray-50);padding:.3rem .65rem;border-radius:6px;border:1.5px solid var(--gray-300);flex:1;text-align:center}.truck-details{display:flex;flex-direction:column;gap:.2rem}.driver-name{display:flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}.driver-name .icon-xs{color:var(--gray-400);flex-shrink:0}.company-name{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--gray-500)}.company-name .icon-xs{color:var(--gray-400);flex-shrink:0}.time-entry{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-600)}.icon-xs{width:12px;height:12px;color:var(--gray-400)}.time-label{color:var(--gray-400)}.time-value{font-weight:500}.truck-card-meta{display:flex;align-items:center;gap:.75rem}.badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500;text-transform:capitalize}.badge-in{background:var(--success-light);color:var(--success-color)}.badge-out{background:var(--info-light);color:var(--info-color)}.badge-inbound{background:var(--success-light);color:var(--success-color)}.badge-outbound{background:var(--info-light);color:var(--info-color)}.badge-transfer{background:var(--purple-light);color:var(--purple-color)}.badge-status-planned{background:var(--gray-200);color:var(--gray-600)}.badge-status-loaded{background:var(--warning-light);color:var(--warning-color)}.badge-status-in-transit{background:var(--info-light);color:var(--info-color)}.badge-status-delivered{background:var(--success-light);color:var(--success-color)}.badge-status-cancelled{background:#fef2f2;color:#991b1b}.truck-title{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.view-manifest-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;font-size:.75rem;transition:all .2s;width:100px}.view-manifest-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--gray-50)}.truck-card-actions{display:flex;align-items:center;gap:.35rem}.delete-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-400);cursor:pointer;font-size:.75rem;transition:all .15s}.delete-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.delete-confirm-modal{max-width:420px}.delete-confirm-header{background:#fef2f2;border-bottom-color:#fecaca}.delete-confirm-header .color-red{color:#ef4444}.delete-confirm-body{text-align:center;padding:1.5rem 2rem}.delete-confirm-plate{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;letter-spacing:.05em}.delete-confirm-warning{color:var(--gray-600);font-size:.9rem;line-height:1.5}.delete-confirm-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);justify-content:flex-end}.delete-confirm-actions .btn-cancel{padding:.6rem 1.25rem;border-radius:var(--radius);border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);font-weight:500;cursor:pointer;transition:all .15s}.delete-confirm-actions .btn-cancel:hover{background:var(--gray-50);border-color:var(--gray-400)}.delete-confirm-actions .btn-delete{padding:.6rem 1.25rem;border-radius:var(--radius);border:1px solid #ef4444;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:all .15s}.delete-confirm-actions .btn-delete:hover{background:#dc2626;border-color:#dc2626}.delete-confirm-actions .btn-delete:disabled,.delete-confirm-actions .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.recent-scans{margin-top:1.5rem;width:100%}.recent-scans-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.recent-scans-header h2{font-size:1.1rem;font-weight:600;color:var(--gray-800)}.color-purple{color:var(--purple-color)}.scan-stat{font-size:.7rem;font-weight:500;padding:.1rem .4rem;border-radius:999px}.scan-stat.matched{color:var(--success-color);background:var(--success-light)}.scan-stat.unmatched{color:#ef4444;background:#fef2f2}.scan-delete-btn{display:flex;align-items:center;padding:.25rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--gray-400);cursor:pointer;transition:all .15s}.scan-delete-btn:hover{color:#ef4444;background:#fef2f2}.recent-scans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:1200px){.recent-scans-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.recent-scans-grid{grid-template-columns:repeat(2,1fr)}}.color-green{color:var(--success-color)}.color-red{color:#ef4444}.scan-detail-body{display:flex;flex-direction:column;gap:1.25rem}.scan-detail-frame{width:100%;max-height:300px;border-radius:var(--radius);overflow:hidden;background:var(--gray-100)}.scan-detail-frame img{width:100%;height:100%;object-fit:contain}.scan-detail-no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;color:var(--gray-400);font-size:.85rem;gap:.5rem}.scan-detail-info{display:flex;flex-direction:column;gap:0}.scan-detail-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--gray-100)}.scan-detail-row:last-child{border-bottom:none}.scan-detail-row .icon-sm{color:var(--gray-400);flex-shrink:0}.scan-detail-label{font-size:.85rem;color:var(--gray-500);min-width:120px}.scan-detail-code{font-family:SF Mono,Fira Code,monospace;background:var(--gray-100);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--gray-700)}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--gray-400);text-align:center}.icon-large{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.modal-title{display:flex;align-items:center;gap:.75rem}.modal-title .icon{width:24px;height:24px;color:var(--primary-color)}.modal-title h2{font-size:1.25rem;font-weight:600;color:var(--gray-800)}.close-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--gray-400);border-radius:var(--radius);transition:all .2s}.close-btn:hover{background:var(--gray-200);color:var(--gray-600)}.close-btn .icon{width:20px;height:20px}.modal-body{padding:1.5rem;overflow-y:auto}.truck-info{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-row .label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.info-row .value{font-size:.9375rem;color:var(--gray-800);font-weight:500}.info-row .license-plate{font-size:1.125rem}.manifest-section{margin-bottom:1.5rem}.manifest-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem}.manifest-table{width:100%;border-collapse:collapse;font-size:.875rem}.manifest-table th,.manifest-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gray-200)}.manifest-table th{background:var(--gray-50);font-weight:600;color:var(--gray-600);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.manifest-table tbody tr:hover{background:var(--gray-50)}.manifest-table tfoot td{font-weight:600;background:var(--gray-50)}.empty-manifest{color:var(--gray-400);font-style:italic;padding:1rem;text-align:center;background:var(--gray-50);border-radius:var(--radius)}.app-footer{background:var(--gray-800);color:var(--gray-400);padding:1rem 2rem;text-align:center;font-size:.875rem;display:flex;justify-content:center;align-items:center;gap:.75rem}.separator{opacity:.5}@media(max-width:1024px){.dashboard-top,.truck-lists-container{grid-template-columns:1fr}}@media(max-width:768px){.main-content{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.truck-list-content{grid-template-columns:1fr}.truck-card-image{height:120px}.truck-info{grid-template-columns:1fr}.app-footer{flex-direction:column;gap:.25rem}.separator{display:none}}@media(max-width:480px){.app-header{padding:1rem}.brand-text h1{font-size:1.25rem}.metrics-grid{grid-template-columns:1fr}.bar-chart{overflow-x:auto}}.modal-large{max-width:900px}.manifest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.manifest-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.manifest-card h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.manifest-card h3 .icon-sm{color:var(--primary-color)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.info-grid-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.info-row.full-width{grid-column:1 / -1}.cargo-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--white);border-radius:var(--radius)}.cargo-stat{text-align:center}.cargo-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.cargo-label{font-size:.75rem;color:var(--gray-500)}.sku{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:var(--gray-600)}.signature{font-style:italic;color:var(--gray-700)}@media(max-width:768px){.manifest-grid,.info-grid,.info-grid-wide{grid-template-columns:1fr}.cargo-summary{grid-template-columns:repeat(2,1fr)}.modal-large{max-width:100%;margin:1rem}}.pv-form{display:flex;flex-direction:column;gap:1.25rem}.pv-toggle{display:flex;gap:0;border:1px solid var(--gray-300);border-radius:var(--radius);overflow:hidden}.pv-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;background:var(--white);color:var(--gray-600);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.pv-toggle-btn:not(:last-child){border-right:1px solid var(--gray-300)}.pv-toggle-btn.active{background:var(--primary-color);color:var(--white)}.pv-toggle-btn:hover:not(.active){background:var(--gray-50)}.pv-field{display:flex;flex-direction:column;gap:.5rem}.pv-field>label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.pv-input{padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;color:var(--gray-800);transition:border-color .2s}.pv-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e06b6b26}.pv-input::placeholder{color:var(--gray-400)}.pv-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed var(--gray-300);border-radius:var(--radius);background:var(--gray-50);cursor:pointer;transition:all .2s;color:var(--gray-500);font-size:.875rem}.pv-dropzone:hover{border-color:var(--primary-color);background:var(--primary-light)}.pv-dropzone .icon{width:24px;height:24px;color:var(--gray-400)}.pv-detector-list{display:flex;flex-direction:column;gap:.5rem}.pv-detector-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s}.pv-detector-option:hover{border-color:var(--gray-400)}.pv-detector-option.selected{border-color:var(--primary-color);background:var(--primary-light)}.pv-detector-option input[type=radio]{margin-top:2px;accent-color:var(--primary-color)}.pv-detector-option div{display:flex;flex-direction:column;gap:.125rem}.pv-detector-name{font-size:.875rem;font-weight:500;color:var(--gray-800)}.pv-detector-desc{font-size:.75rem;color:var(--gray-500)}.pv-processing{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.pv-processing .icon{width:32px;height:32px;color:var(--primary-color)}.pv-processing .icon.spinning{animation:spin 1.5s linear infinite}.pv-step-label{font-size:1rem;font-weight:500;color:var(--gray-700)}.pv-progress-bar{width:100%;max-width:400px;height:8px;background:var(--gray-200);border-radius:999px;overflow:hidden}.pv-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:999px;transition:width .5s ease}.pv-progress-text{font-size:.8125rem;color:var(--gray-500)}.pv-results{display:flex;flex-direction:column;gap:1.25rem}.pv-results-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pv-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.pv-stat-value{font-size:1.75rem;font-weight:700;color:var(--primary-color)}.pv-stat-label{font-size:.75rem;color:var(--gray-500);text-align:center}.pv-detector-badge{font-size:.875rem!important;font-weight:600!important;text-transform:capitalize}.pv-plates h4{font-size:1rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.pv-plate-list{display:flex;flex-direction:column;gap:.5rem}.pv-plate-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}.pv-plate-card.matched{border-color:var(--success-color);background:var(--success-light)}.pv-plate-text{font-weight:700;font-family:SF Mono,Monaco,Courier New,monospace;font-size:1rem;color:var(--gray-800)}.pv-match-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;background:var(--gray-200);color:var(--gray-600)}.pv-match-badge.success{background:var(--success-light);color:var(--success-color);font-weight:500}.pv-empty{text-align:center;color:var(--gray-400);padding:1.5rem;font-style:italic}.pv-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.pv-error .icon{width:32px;height:32px;color:#dc2626}.pv-error p{color:var(--gray-700);font-size:.9375rem}.pv-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.pv-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pv-btn:disabled{opacity:.5;cursor:not-allowed}.pv-btn-primary{background:var(--primary-color);color:var(--white)}.pv-btn-primary:hover:not(:disabled){background:var(--primary-dark)}.pv-btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.pv-btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.pv-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.pv-select{flex:1;padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;color:var(--gray-800);background:var(--white);cursor:pointer}.pv-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e06b6b26}.pv-ls-select-row{display:flex;gap:.5rem;align-items:center}.pv-ls-loading{display:flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.875rem;padding:.5rem 0}.pv-ls-new{display:flex;flex-direction:column;gap:.5rem}.pv-ls-new-actions{display:flex;gap:.5rem}.pv-ls-annotate-status{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.8125rem;padding:.375rem 0}@media(max-width:768px){.pv-results-summary{grid-template-columns:repeat(2,1fr)}}.ask-ai-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--white);box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;z-index:1100;animation:askAiSlideIn .25s ease-out}@keyframes askAiSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ask-ai-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50);min-height:50px}.ask-ai-title{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;color:var(--gray-800);flex:1}.ask-ai-title svg{color:var(--primary-color)}.ask-ai-back{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:var(--gray-600);display:flex}.ask-ai-back:hover{background:var(--gray-200)}.ask-ai-header-actions{display:flex;gap:.25rem}.ask-ai-icon-btn{background:none;border:none;cursor:pointer;padding:.35rem;border-radius:6px;color:var(--gray-500);display:flex;align-items:center;transition:all .15s}.ask-ai-icon-btn:hover{background:var(--gray-200);color:var(--gray-700)}.ask-ai-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ask-ai-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;gap:.5rem;color:var(--gray-500)}.ask-ai-welcome svg{color:var(--primary-color);opacity:.6}.ask-ai-welcome h3{font-size:1.05rem;color:var(--gray-700);margin-top:.25rem}.ask-ai-welcome p{font-size:.85rem;max-width:280px}.ask-ai-key-warning{display:flex;gap:.75rem;padding:.85rem 1rem;background:var(--warning-light);border:1px solid var(--warning-color);border-radius:var(--radius);font-size:.85rem;color:var(--gray-700)}.ask-ai-key-warning svg{color:var(--warning-color);flex-shrink:0;margin-top:2px}.ask-ai-key-warning strong{display:block;margin-bottom:.15rem}.ask-ai-key-warning p{margin:0;font-size:.8rem;color:var(--gray-600)}.ask-ai-key-warning button{margin-top:.4rem;background:var(--warning-color);color:var(--white);border:none;padding:.3rem .7rem;border-radius:4px;font-size:.78rem;font-weight:500;cursor:pointer}.ask-ai-key-warning button:hover{opacity:.9}.ask-ai-recommendations{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.75rem;width:100%}.ask-ai-rec-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .65rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.78rem;color:var(--gray-700);cursor:pointer;text-align:left;transition:all .15s}.ask-ai-rec-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-dark)}.ask-ai-rec-btn:disabled{opacity:.5;cursor:not-allowed}.ask-ai-rec-btn svg{flex-shrink:0;color:var(--primary-color)}.ask-ai-msg{display:flex;gap:.5rem;align-items:flex-start}.ask-ai-msg-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ask-ai-msg-user .ask-ai-msg-avatar{background:var(--info-light);color:var(--info-color)}.ask-ai-msg-assistant .ask-ai-msg-avatar{background:var(--primary-light);color:var(--primary-color)}.ask-ai-msg-content{flex:1;min-width:0}.ask-ai-msg-text{padding:.6rem .85rem;border-radius:var(--radius);font-size:.87rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.ask-ai-msg-user .ask-ai-msg-text{background:var(--info-light);color:var(--gray-800)}.ask-ai-msg-assistant .ask-ai-msg-text{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-800)}.ask-ai-typing{display:flex;gap:4px;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);width:fit-content}.ask-ai-typing span{width:6px;height:6px;background:var(--gray-400);border-radius:50%;animation:askAiTyping 1.4s infinite ease-in-out both}.ask-ai-typing span:nth-child(1){animation-delay:0s}.ask-ai-typing span:nth-child(2){animation-delay:.16s}.ask-ai-typing span:nth-child(3){animation-delay:.32s}@keyframes askAiTyping{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ask-ai-error{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:#dc2626;font-size:.82rem}.ask-ai-chips{display:flex;gap:.35rem;padding:.4rem 1rem;overflow-x:auto;border-top:1px solid var(--gray-100)}.ask-ai-chip{white-space:nowrap;padding:.3rem .6rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;font-size:.73rem;color:var(--gray-600);cursor:pointer;transition:all .15s}.ask-ai-chip:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-dark)}.ask-ai-input-area{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--gray-200);background:var(--white)}.ask-ai-input{flex:1;resize:none;border:1px solid var(--gray-300);border-radius:var(--radius);padding:.55rem .75rem;font-size:.87rem;font-family:inherit;line-height:1.4;max-height:100px;background:var(--white);color:var(--gray-800);outline:none;transition:border-color .15s}.ask-ai-input:focus{border-color:var(--primary-color)}.ask-ai-input:disabled{background:var(--gray-100)}.ask-ai-input::placeholder{color:var(--gray-400)}.ask-ai-send{background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius);padding:.55rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ask-ai-send:hover{background:var(--primary-dark)}.ask-ai-send:disabled{background:var(--gray-300);cursor:not-allowed}.ask-ai-settings{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.1rem}.ask-ai-setting-group{display:flex;flex-direction:column;gap:.3rem}.ask-ai-label{font-size:.82rem;font-weight:600;color:var(--gray-700)}.ask-ai-field{padding:.5rem .65rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;font-family:inherit;color:var(--gray-800);background:var(--white);outline:none;transition:border-color .15s}.ask-ai-field:focus{border-color:var(--primary-color)}.ask-ai-field-sm{max-width:80px}.ask-ai-textarea{resize:vertical;min-height:60px;line-height:1.4}.ask-ai-key-input{display:flex;gap:.35rem}.ask-ai-key-input input{flex:1}.ask-ai-toggle-key{padding:.4rem .6rem;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:6px;font-size:.78rem;cursor:pointer;color:var(--gray-600)}.ask-ai-toggle-key:hover{background:var(--gray-200)}.ask-ai-hint{font-size:.75rem;color:var(--gray-500)}.ask-ai-range{width:100%;accent-color:var(--primary-color)}.ask-ai-range-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--gray-400)}.ask-ai-save-btn{margin-top:.5rem;padding:.65rem 1rem;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.ask-ai-save-btn:hover{background:var(--primary-dark)}.ask-ai-save-btn-saved{background:var(--accent-color);cursor:default}.ask-ai-save-btn:disabled{opacity:.85}.ask-ai-msg-text h1,.ask-ai-msg-text h2,.ask-ai-msg-text h3{margin:.5em 0 .25em;line-height:1.3}.ask-ai-msg-text h1{font-size:1.05rem}.ask-ai-msg-text h2{font-size:.95rem}.ask-ai-msg-text h3{font-size:.9rem}.ask-ai-msg-text p{margin:.35em 0}.ask-ai-msg-text ul,.ask-ai-msg-text ol{margin:.35em 0;padding-left:1.4em}.ask-ai-msg-text li{margin:.15em 0}.ask-ai-msg-text strong{font-weight:600;color:var(--gray-900)}.ask-ai-msg-text code{background:var(--gray-200);padding:.1em .35em;border-radius:3px;font-size:.82em;font-family:SF Mono,Fira Code,monospace}.ask-ai-msg-text pre{background:var(--gray-800);color:var(--gray-100);padding:.6rem .75rem;border-radius:6px;overflow-x:auto;margin:.4em 0;font-size:.8em}.ask-ai-msg-text pre code{background:none;padding:0;color:inherit}.ask-ai-msg-text hr{border:none;border-top:1px solid var(--gray-200);margin:.5em 0}.ask-ai-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--white);color:var(--primary-color);border:1.5px solid var(--primary-color);border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.ask-ai-btn:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow)}.ask-ai-btn svg{animation:askAiPulse 2s infinite;color:var(--primary-color)}@keyframes askAiPulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:480px){.ask-ai-panel{width:100vw}.ask-ai-recommendations{grid-template-columns:1fr}}.gs-tabs{display:flex;border-bottom:1px solid var(--gray-200);background:var(--gray-50);padding:0 1rem}.gs-tab{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--gray-500);transition:all .2s}.gs-tab:hover{color:var(--gray-700)}.gs-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.gs-section{display:flex;flex-direction:column;gap:1.25rem}.gs-group{display:flex;flex-direction:column;gap:.35rem}.gs-label{font-size:.82rem;font-weight:600;color:var(--gray-700);display:flex;align-items:center;gap:.4rem}.gs-optional{font-size:.7rem;font-weight:400;color:var(--gray-400);background:var(--gray-100);padding:.1rem .4rem;border-radius:4px}.gs-required{font-size:.7rem;font-weight:500;color:var(--primary-color);background:var(--primary-light);padding:.1rem .4rem;border-radius:4px}.gs-field{padding:.5rem .65rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;font-family:inherit;color:var(--gray-800);background:var(--white);outline:none;transition:border-color .15s}.gs-field:focus{border-color:var(--primary-color)}.gs-textarea{resize:vertical;min-height:60px;line-height:1.4}.gs-key-input{display:flex;gap:.35rem}.gs-key-input input{flex:1}.gs-toggle-key{padding:.4rem .55rem;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;color:var(--gray-500);display:flex;align-items:center}.gs-toggle-key:hover{background:var(--gray-200)}.gs-hint{font-size:.75rem;color:var(--gray-500)}.gs-range{width:100%;accent-color:var(--primary-color)}.gs-range-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--gray-400)}.gs-radio-group{display:flex;flex-direction:column;gap:.5rem}.gs-radio-option{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .65rem;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .15s}.gs-radio-option:hover{border-color:var(--gray-300);background:var(--gray-50)}.gs-radio-option:has(input:checked){border-color:var(--primary-color);background:var(--primary-light)}.gs-radio-option input[type=radio]{margin-top:.15rem;accent-color:var(--primary-color)}.gs-radio-content{display:flex;flex-direction:column}.gs-radio-label{font-size:.85rem;font-weight:500;color:var(--gray-800)}.gs-radio-desc{font-size:.75rem;color:var(--gray-500)}.gs-toggle-row{display:flex;justify-content:space-between;align-items:center}.gs-checkbox{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.gs-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.gs-footer-right{display:flex;align-items:center;gap:.5rem}.gs-saved-msg{font-size:.8rem;color:var(--success-color);font-weight:500}.gs-btn{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .15s}.gs-btn-primary{background:var(--primary-color);color:var(--white);border:none}.gs-btn-primary:hover{background:var(--primary-dark)}.gs-btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.gs-btn-secondary:hover{background:var(--gray-100)}.gs-btn-ghost{background:none;color:var(--gray-500);border:none}.gs-btn-ghost:hover{color:var(--gray-700)}.settings-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:var(--white);padding:.5rem .85rem;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;transition:all .2s}.settings-btn:hover{background:#ffffff40}
