@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.shop-app{color:#1e293b;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shop-loading{color:#6b7280;justify-content:center;align-items:center;height:100vh;display:flex}.shop-header{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.shop-header-left{align-items:center;display:flex}.shop-brand{letter-spacing:-.5px;margin:0;font-size:1.4em;font-weight:800}.shop-nav{gap:4px;display:flex}.shop-nav button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.9em;position:relative}.shop-nav button:hover{color:#1e293b;background:#f1f5f9}.shop-nav button.active{color:#2563eb;background:#eff6ff}.cart-badge{color:#000;background:#2563eb;border-radius:10px;margin-left:4px;padding:2px 6px;font-size:.7em;font-weight:700}.shop-header-right{align-items:center;gap:8px;display:flex}.shop-user{color:#64748b;align-items:center;gap:10px;font-size:.85em;display:flex}.shop-auth-btns{gap:6px;display:flex}.btn-sm{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;padding:6px 12px;font-size:.8em}.btn-sm:hover{background:#cbd5e1}.btn-primary{font-weight:600;color:#fff!important;background:#2563eb!important}.btn-primary:hover{background:#1d4ed8!important}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.shop-body{max-width:1400px;margin:0 auto;padding:20px 24px;overflow-x:hidden}.catalog-filters{margin-bottom:16px}.category-tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.category-tabs button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:.85em}.category-tabs button:hover{color:#1e293b;border-color:#2563eb}.category-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.cat-count{opacity:.7;margin-left:4px;font-size:.8em}.catalog-search input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-width:400px;padding:8px 12px;font-size:.9em}.catalog-search input:focus{border-color:#2563eb;outline:none}.catalog-info{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85em;display:flex}.catalog-info select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:6px 10px}.catalog-table-wrap{overflow-x:auto}.catalog-table{border-collapse:collapse;width:100%;font-size:.85em}.catalog-table th{text-align:left;color:#2563eb;white-space:nowrap;background:#f1f5f9;border-bottom:2px solid #e2e8f0;padding:10px 8px;font-weight:600}.catalog-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px}.catalog-table tr:hover td{background:#f8fafc}.photo-cell{width:60px}.thumb{object-fit:cover;border-radius:4px;width:50px;height:50px}.no-photo{color:#94a3b8;background:#e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:50px;height:50px;font-size:.6em;display:flex}.sub{color:#6b7280;font-size:.8em}.price{color:#2563eb;white-space:nowrap;font-weight:700}.grade-badge{color:#fff;text-align:center;border-radius:4px;min-width:28px;padding:2px 8px;font-size:.8em;font-weight:700;display:inline-block}.grade-na{color:#6b7280}.gt-badge{color:#000;background:#2563eb;border-radius:4px;padding:2px 8px;font-size:.75em;font-weight:700}.no-gt{color:#4b5563}.btn-add{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:4px;padding:6px 14px;font-size:.8em;font-weight:600}.btn-add:hover{color:#fff;background:#2563eb}.btn-add:disabled{opacity:.4;cursor:not-allowed}.btn-remove{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:4px;padding:4px 10px;font-size:.75em}.btn-remove:hover{color:#fff;background:#ef4444}.btn-back{color:#93c5fd;cursor:pointer;background:0 0;border:none;margin-bottom:16px;font-size:.9em}.btn-back:hover{text-decoration:underline}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.pagination button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:6px 14px}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{color:#6b7280;font-size:.85em}.cart-view{max-width:1000px}.cart-view h2{margin-bottom:16px}.cart-summary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:flex-end;align-items:center;gap:20px;margin-top:16px;padding:16px;display:flex}.cart-total{font-size:1.2em}.btn-submit{padding:10px 30px!important;font-size:1em!important}.expires{color:#f97316;font-size:.75em}.empty-state button{margin-top:12px;padding:10px 20px}.order-meta{color:#64748b;flex-wrap:wrap;gap:20px;margin-bottom:16px;font-size:.9em;display:flex}.status-pending{color:#eab308}.status-confirmed{color:#2563eb}.status-shipped{color:#3b82f6}.status-delivered{color:#2563eb;font-weight:700}.status-cancelled{color:#ef4444}.status-draft{color:#6b7280}.status-submitted{color:#eab308}.status-received{color:#3b82f6}.status-processing{color:#f97316}.status-completed{color:#2563eb;font-weight:700}.auth-form-wrap{justify-content:center;padding:60px 20px;display:flex}.auth-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:420px;padding:32px;box-shadow:0 4px 12px #0000000f}.auth-form h2{text-align:center;margin-bottom:20px}.auth-form input,.auth-form select{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;margin-bottom:10px;padding:10px 12px;font-size:.9em}.auth-form input:focus{border-color:#2563eb;outline:none}.auth-form button[type=submit]{cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:8px;padding:12px;font-size:1em}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #ef4444;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:.85em}.auth-switch{text-align:center;color:#64748b;margin-top:16px;font-size:.85em}.auth-switch button{color:#2563eb;cursor:pointer;background:0 0;border:none;text-decoration:underline}.form-row{gap:8px;display:flex}.form-row-3{grid-template-columns:1fr 80px 80px;gap:8px;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.loading{text-align:center;color:#94a3b8;padding:40px}.supply-portal{color:#1e293b;background:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.supply-loading{color:#6b7280;justify-content:center;align-items:center;height:100vh;font-size:.95em;display:flex}.supply-header{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.supply-header-left{align-items:center;display:flex}.supply-brand{letter-spacing:-.5px;align-items:baseline;gap:0;margin:0;font-size:1.4em;font-weight:800;display:flex}.brand-cell{color:#1e293b}.brand-sub{color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase;margin-left:10px;font-size:.38em;font-weight:600}.supply-nav{gap:4px;display:flex}.supply-nav button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:.9em;font-weight:500;transition:all .15s}.supply-nav button:hover{color:#1e293b;background:#f1f5f9}.supply-nav button.active{color:#2563eb;background:#eff6ff;font-weight:600}.supply-header-right{align-items:center;gap:12px;display:flex}.supply-user-name{color:#64748b;font-size:.85em;font-weight:500}.supply-btn-logout{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:.8em;font-weight:500;transition:all .15s}.supply-btn-logout:hover{color:#334155;background:#e2e8f0}.supply-body{max-width:960px;margin:0 auto;padding:28px 24px}.supply-auth-wrap{justify-content:center;align-items:flex-start;padding:60px 20px;display:flex}.supply-auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 8px 24px #0000000f}.supply-auth-logo{text-align:center;letter-spacing:-1px;margin-bottom:8px;font-size:2em;font-weight:800}.supply-auth-title{text-align:center;color:#0f172a;margin:0 0 4px;font-size:1.2em}.supply-auth-subtitle{text-align:center;color:#94a3b8;margin:0 0 24px;font-size:.85em}.supply-auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85em}.supply-label{color:#475569;margin-top:12px;margin-bottom:4px;font-size:.8em;font-weight:600;display:block}.supply-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:.9em;transition:border-color .15s}.supply-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb14}.supply-row-3{grid-template-columns:1fr 80px 80px;gap:10px;display:grid}.supply-auth-switch{text-align:center;color:#94a3b8;margin-top:20px;font-size:.85em}.supply-auth-switch button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:600}.supply-auth-switch button:hover{text-decoration:underline}.supply-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 22px;font-size:.9em;font-weight:600;transition:all .15s}.supply-btn-primary:hover{background:#1d4ed8}.supply-btn-primary:disabled{opacity:.5;cursor:not-allowed}.supply-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 22px;font-size:.9em;font-weight:500;transition:all .15s}.supply-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.supply-btn-view{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:5px 14px;font-size:.8em;font-weight:600;transition:all .15s}.supply-btn-view:hover{color:#fff;background:#2563eb}.supply-btn-remove{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:4px 12px;font-size:.8em;font-weight:500;transition:all .15s}.supply-btn-remove:hover{color:#fff;background:#ef4444}.supply-btn-back{color:#64748b;cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:.9em;font-weight:500}.supply-btn-back:hover{color:#2563eb}.supply-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.supply-page-title{color:#0f172a;margin:0;font-size:1.5em;font-weight:700}.supply-page-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.85em}.supply-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.supply-table-wrap{overflow-x:auto}.supply-table{border-collapse:collapse;width:100%;font-size:.88em}.supply-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 14px;font-size:.8em;font-weight:600}.supply-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.supply-table tbody tr:last-child td{border-bottom:none}.supply-row-clickable{cursor:pointer;transition:background .1s}.supply-row-clickable:hover td{background:#f8fafc}.supply-status{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:.8em;font-weight:600;display:inline-block}.supply-status-draft{color:#64748b;background:#f1f5f9}.supply-status-submitted{color:#b45309;background:#fef3c7}.supply-status-received{color:#1d4ed8;background:#dbeafe}.supply-status-processing{color:#c2410c;background:#ffedd5}.supply-status-completed{color:#15803d;background:#dcfce7}.supply-status-cancelled{color:#dc2626;background:#fef2f2}.supply-invoice-num{color:#2563eb;font-weight:600}.supply-text-muted{color:#94a3b8}.supply-text-bold{color:#0f172a;font-weight:700}.supply-mono{font-family:SF Mono,Fira Code,monospace;font-size:.9em}.supply-notes-cell{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.supply-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:60px 20px}.supply-empty-icon{margin-bottom:12px;font-size:2.5em}.supply-empty p{color:#0f172a;margin:0 0 4px;font-size:1.1em;font-weight:600}.supply-empty span{color:#94a3b8;margin-bottom:20px;font-size:.9em;display:block}.supply-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:.88em}.supply-invoice-summary{align-items:center;gap:12px;display:flex}.supply-summary-count{color:#64748b;font-size:.85em;font-weight:500}.supply-summary-total{color:#0f172a;font-size:1.15em;font-weight:700}.supply-sheet{border-collapse:collapse;width:100%;font-size:.88em}.supply-sheet thead th{color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-align:left;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 8px;font-size:.75em;font-weight:600}.supply-sheet-num{width:36px;text-align:center!important}.supply-sheet-imei{min-width:160px}.supply-sheet-model{min-width:140px}.supply-sheet-storage{min-width:80px}.supply-sheet-carrier{min-width:90px}.supply-sheet-grade{min-width:80px}.supply-sheet-battery{min-width:70px}.supply-sheet-price{min-width:80px}.supply-sheet-input-battery{text-align:center}.supply-sheet-auto{width:36px}.supply-sheet-detail{width:50px;text-align:center!important}.supply-sheet-x{width:30px}.supply-sheet-row{border-bottom:1px solid #f1f5f9;transition:background .1s}.supply-sheet-row:hover{background:#fafbfd}.supply-sheet-filled{background:#fafeff}.supply-sheet-num-cell{text-align:center;color:#94a3b8;border-right:1px solid #f1f5f9;min-width:50px;padding:6px 4px;font-size:.85em;font-weight:600}.supply-check-status{margin-left:4px;font-size:.95em;font-weight:700;display:inline-block}.supply-check-status.checking{color:#2563eb;animation:1s linear infinite supply-spin;display:inline-block}.supply-check-status.ok{color:#16a34a}.supply-check-status.err{color:#ef4444;cursor:help}@keyframes supply-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.supply-sheet-cell{vertical-align:middle;padding:3px 4px}.supply-sheet-cell-center{text-align:center}.supply-sheet-input{color:#1e293b;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:7px 10px;font-size:.95em;transition:all .15s}.supply-sheet-input:hover{background:#f8fafc}.supply-sheet-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.supply-sheet-input-mono{font-family:SF Mono,Fira Code,monospace;font-size:.9em}.supply-sheet-input-price{text-align:right}.supply-sheet-select{color:#1e293b;box-sizing:border-box;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:7px 6px;font-size:.95em;transition:all .15s}.supply-sheet-select:hover{background:#f8fafc}.supply-sheet-select:focus{background:#fff;border-color:#2563eb;outline:none}.supply-sheet-btn-auto{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1px solid #d1fae5;border-radius:5px;padding:4px 8px;font-size:.85em;font-weight:700;transition:all .15s}.supply-sheet-btn-auto:hover{background:#dcfce7;border-color:#86efac}.supply-sheet-btn-detail{color:#94a3b8;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;min-width:26px;padding:3px 8px;font-size:.8em;font-weight:600;transition:all .15s}.supply-sheet-btn-detail:hover{color:#64748b;background:#e2e8f0}.supply-sheet-btn-detail.has-details{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.supply-sheet-btn-x{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.9em;transition:color .15s}.supply-sheet-btn-x:hover{color:#ef4444}.supply-sheet-expand-row{background:#fafbfd}.supply-sheet-expand-row td{padding:0}.supply-expand-panel{flex-wrap:wrap;gap:32px;padding:12px 16px 16px;display:flex}.supply-expand-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:.72em;font-weight:600;display:block}.supply-field label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:.75em;font-weight:600;display:block}.supply-field input,.supply-field select{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:9px 12px;font-size:.9em;transition:border-color .15s}.supply-field input:focus,.supply-field select:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb14}.supply-toggle-group{flex-wrap:wrap;gap:6px;display:flex}.supply-toggle{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:.82em;font-weight:500;transition:all .15s;position:relative}.supply-toggle:hover{color:#475569;border-color:#cbd5e1}.supply-toggle.active-defect{color:#dc2626;background:#fef2f2;border-color:#fca5a5;font-weight:600}.supply-toggle.active-genuine{color:#16a34a;background:#f0fdf4;border-color:#86efac;font-weight:600}.supply-toggle.active-unknown{color:#b45309;background:#fefce8;border-color:#fde68a;font-weight:600}.supply-replaced-badge{margin-left:4px;font-size:.85em;font-weight:700;display:inline-block}.supply-legend{color:#94a3b8;margin-top:6px;font-size:.75em}.legend-g{color:#16a34a;font-weight:600}.legend-u{color:#b45309;font-weight:600}.supply-card-actions{gap:10px;margin-bottom:28px;display:flex}.supply-saved-section{margin-bottom:28px}.supply-section-title{color:#0f172a;margin:0 0 12px;font-size:1em;font-weight:700}.supply-tracking-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;padding:18px 22px;box-shadow:0 1px 3px #0000000a}.supply-tracking-header{margin-bottom:12px}.supply-tracking-header .supply-section-title{margin:0}.supply-tracking-header .supply-page-subtitle{margin:2px 0 0}.supply-tracking-fields{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.supply-tracking-fields .supply-field{min-width:180px}.supply-btn-submit-main{padding:12px 28px;font-size:.95em}.supply-btn-save-draft{padding:12px 22px;font-size:.9em}.supply-dropoff-toggle{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:.88em;transition:all .15s;display:flex}.supply-dropoff-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.supply-dropoff-toggle input[type=checkbox]{cursor:pointer;accent-color:#2563eb;width:16px;height:16px}.supply-dropoff-hint{color:#94a3b8;margin-left:4px;font-size:.92em}.supply-submit-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.supply-submit-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.supply-submit-fields .supply-field{min-width:180px}.supply-submit-fields .supply-field input,.supply-submit-fields .supply-field select{margin-bottom:0}.supply-field-submit-btn{align-items:flex-end;padding-bottom:1px;display:flex}.supply-field-submit-btn .supply-btn-primary{white-space:nowrap;padding:10px 28px}.supply-detail-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.supply-detail-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.supply-meta-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.supply-meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.72em;font-weight:600;display:block}.supply-meta-value{color:#0f172a;font-size:1.05em;font-weight:700}@media (width<=768px){.shop-header{flex-direction:column;gap:8px;padding:10px 16px}.shop-body{padding:12px}.form-grid,.form-row-3{grid-template-columns:1fr}.cart-summary{text-align:center;flex-direction:column}.order-meta{flex-direction:column;gap:4px}.supply-header{flex-direction:column;gap:10px;padding:12px 16px}.supply-body{max-width:100%;padding:16px 12px}.supply-row-3{grid-template-columns:1fr}.supply-submit-fields{flex-direction:column}.supply-submit-fields .supply-field{min-width:100%}.supply-page-header{flex-direction:column;gap:12px}.supply-detail-meta{grid-template-columns:1fr 1fr}.supply-expand-panel{flex-direction:column;gap:16px}}@media (width<=480px){.supply-detail-meta{grid-template-columns:1fr}.supply-card-actions{flex-wrap:wrap}}*{box-sizing:border-box;margin:0;padding:0}body{color:#2d3748;-webkit-font-smoothing:antialiased;background:#e8ecf1;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-layout{min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-loading{background:#e8ecf1;justify-content:center;align-items:center;min-height:100vh;display:flex}.main{flex:1;width:100%;max-width:1500px;padding:28px 32px}.sidebar{background:linear-gradient(#0d1117 0%,#161b22 100%);flex-direction:column;flex-shrink:0;width:240px;height:100vh;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 16px 16px;display:flex}.sidebar-brand{letter-spacing:2px;font-size:20px;font-weight:800;display:flex;overflow:hidden}.brand-eco{color:#2196f6}.brand-cell{background:linear-gradient(135deg,#b0bec5 0%,#cfd8dc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-toggle{color:#78818f;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .15s;display:flex}.sidebar-toggle:hover{color:#b0b8c4;background:#ffffff1a}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex:1;padding:12px 8px;overflow-y:auto}.nav-section{margin-bottom:20px}.nav-section-label{color:#4a5568;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;padding:0 12px;font-size:10px;font-weight:700}.nav-item{color:#8892a2;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{color:#c8ccd4;background:#ffffff0d}.nav-item.active{color:#64b5f6;background:linear-gradient(135deg,#2196f626 0%,#2196f614 100%);font-weight:600;box-shadow:inset 3px 0 #2196f6}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.nav-label{white-space:nowrap}.collapsed .nav-item{justify-content:center;padding:10px}.collapsed .nav-section-label{display:none}.collapsed .nav-icon{font-size:18px}.sidebar-footer{border-top:1px solid #ffffff0f;padding:12px}.sidebar-user{align-items:center;gap:10px;margin-bottom:8px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#1e88e5 0%,#2196f6 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.user-info{overflow:hidden}.user-name{color:#d0d5dd;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:#2196f6;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.logout-btn{color:#78818f;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;width:100%;padding:7px;font-size:12px;font-weight:500;transition:all .15s}.logout-btn:hover{color:#ef5350;background:#ef53501a;border-color:#ef535026}.btn{cursor:pointer;letter-spacing:.2px;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#1e88e5 0%,#2196f6 100%);box-shadow:0 2px 6px #2196f64d}.btn-primary:hover{background:linear-gradient(135deg,#1565c0 0%,#1e88e5 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2196f666}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:#fff;box-shadow:none;cursor:not-allowed;background:#bfc6d0;transform:none}.btn-danger{color:#fff;background:linear-gradient(135deg,#d32f2f 0%,#ef5350 100%);box-shadow:0 2px 6px #ef535040}.btn-danger:hover{background:linear-gradient(135deg,#c62828 0%,#d32f2f 100%);transform:translateY(-1px)}.btn-secondary{color:#4a5568;background:#fff;border:1px solid #d2d8e0;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{color:#2d3748;background:#f7f8fa;border-color:#b0b8c4}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.card{background:#fff;border:1px solid #dce1e8;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008}input,select,textarea{color:#2d3748;background:#fff;border:1px solid #d2d8e0;border-radius:8px;outline:none;width:100%;padding:9px 14px;font-size:14px;transition:all .15s;box-shadow:0 1px 2px #0000000a}input:focus,select:focus,textarea:focus{border-color:#2196f6;box-shadow:0 0 0 3px #2196f61f,0 1px 2px #0000000a}input::placeholder,textarea::placeholder{color:#a0aab4}label{color:#6b7888;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.grade{border-radius:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.grade-A{color:#2e7d32;background:#e8f5e9}.grade-Bplus{color:#388e3c;background:#e8f5e9}.grade-B{color:#f57f17;background:#fff8e1}.grade-Bminus{color:#e65100;background:#fff3e0}.grade-Cplus{color:#bf360c;background:#fbe9e7}.grade-C{color:#c62828;background:#ffebee}.grade-D{color:#6a1b9a;background:#f3e5f5}.grade-null{color:#8892a2;background:#e2e6ec}.status{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-queued{color:#1565c0;background:#e3f2fd}.status-graded{color:#2e7d32;background:#e8f5e9}.status-failed{color:#c62828;background:#ffebee}.status-pending{color:#78818f;background:#e2e6ec}.flex{display:flex}.flex-col{flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px}}.table-container{background:#fff;border:1px solid #dce1e8;border-radius:10px;max-width:100%;display:inline-block;overflow-x:auto;box-shadow:0 1px 3px #0000000a}table{border-collapse:collapse;width:auto}th{text-align:left;white-space:nowrap;color:#6b7888;text-transform:uppercase;letter-spacing:.6px;background:#f7f8fa;border-bottom:2px solid #b0b8c4;padding:11px 14px;font-size:11px;font-weight:700}td{white-space:nowrap;color:#374151;border-bottom:1px solid #b0b8c4;padding:5px 12px;font-size:14px;font-weight:600}tr:hover td{background:#eef3fa}tr{cursor:pointer;transition:background .1s}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.photo-grid img{aspect-ratio:1;object-fit:cover;cursor:pointer;border:2px solid #dce1e8;border-radius:8px;width:100%;transition:all .2s}.photo-grid img:hover{border-color:#2196f6;transform:scale(1.02);box-shadow:0 4px 12px #2196f626}.camera-container{aspect-ratio:4/3;background:#000;border-radius:12px;position:relative;overflow:hidden}.camera-container video{object-fit:cover;width:100%;height:100%}.camera-controls{gap:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.capture-btn{cursor:pointer;background:#fff;border:4px solid #2196f6;border-radius:50%;width:64px;height:64px;transition:all .2s;box-shadow:0 4px 16px #0000004d}.capture-btn:hover{transform:scale(1.1)}.thumb-strip{gap:8px;padding:8px 0;display:flex;overflow-x:auto}.thumb-strip .thumb{object-fit:cover;border:2px solid #dce1e8;border-radius:8px;flex-shrink:0;width:80px;height:80px}.thumb-strip .thumb-remove{position:relative}.thumb-strip .thumb-remove:after{content:"x";color:#fff;cursor:pointer;background:#ef5350;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:-4px;right:-4px}.spinner{border:3px solid #dce1e8;border-top-color:#2196f6;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#8892a2;padding:60px 20px}.empty-state h3{color:#6b7888;margin-bottom:8px;font-size:18px}.confidence-bar{background:#e8ecf1;border-radius:3px;width:80px;height:6px;overflow:hidden}.confidence-fill{border-radius:3px;height:100%;transition:width .3s}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100001;background:#2d374880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #dce1e8;border-radius:16px;width:90%;max-width:500px;padding:28px;box-shadow:0 20px 60px #00000026}.modal h3{color:#1a202c;margin-bottom:16px}.search-bar{gap:8px;margin-bottom:16px;display:flex}.search-bar input{flex:1}.login-page{background:linear-gradient(135deg,#0d1117 0%,#161b22 50%,#1a2332 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-brand{letter-spacing:3px;text-align:center;margin-bottom:8px;font-size:28px;font-weight:800}.login-brand .brand-eco,.login-page .brand-eco{color:#2196f6}.login-brand .brand-cell,.login-page .brand-cell{color:#90a4ae}.login-card h2{text-align:center;color:#6b7888;margin-bottom:24px;font-size:16px;font-weight:400}.login-hint{text-align:center;color:#8892a2;margin:-16px 0 20px;font-size:13px}.form-group{margin-bottom:16px}.login-error{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-btn{width:100%;padding:12px;font-size:15px}.user-table{width:auto}.user-table td{padding:8px 12px}.role-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.role-owner{color:#1565c0;background:#e3f2fd}.role-manager{color:#2e7d32;background:#e8f5e9}.role-tech{color:#e65100;background:#fff3e0}.role-viewer{color:#78818f;background:#e2e6ec}.tabs{border-bottom:2px solid #b0b8c4;gap:2px;margin-bottom:20px;display:flex}.tab{color:#8892a2;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s}.tab:hover{color:#4a5568}.tab.active{color:#2196f6;border-bottom-color:#2196f6}h1,h2,h3{color:#1a202c;letter-spacing:-.3px;font-weight:700}h2{margin:0 0 16px;font-size:22px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8cdd6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0aab4}::selection{background:#2196f633}.nav,.nav-brand,.nav-links,.nav-user,.nav-user-name,.nav-user-role{display:none}.eco-chat-pos{transition:left .2s;left:252px!important}body.sidebar-collapsed .eco-chat-pos{left:76px!important}.comms-fullbleed{height:100vh;overflow:hidden;max-width:none!important;padding:0!important}