.navigation{background-color:var(--surface);padding:1rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.nav-brand{display:flex;align-items:center}.nav-brand h1{font-size:1.5rem;margin:0;color:var(--primary);cursor:pointer;transition:opacity .2s}.nav-brand h1:hover{opacity:.8}.nav-links{display:flex;gap:.5rem;flex:1;justify-content:center;flex-wrap:wrap}.nav-link{background:transparent;border:none;color:var(--muted);font-size:14px;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;font-family:inherit}.nav-link:hover{color:var(--primary);background-color:var(--primary-soft)}.nav-link.active{background-color:var(--primary);color:#fff}.nav-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;font-size:12px}.user-email{color:var(--muted)}.user-role{color:var(--primary);font-weight:500}.btn-logout{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-logout:hover{background-color:#e74c3c1a}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);padding:20px}.auth-container{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:40px;box-shadow:0 10px 40px #00000080}.auth-container h1{color:var(--primary);font-size:32px;margin:0 0 5px;text-align:center}.auth-subtitle{color:var(--muted-2);text-align:center;font-size:14px;margin:0 0 30px}.auth-form{margin-bottom:20px}.auth-form h2{color:#fff;font-size:20px;margin:0 0 20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-bottom:5px;text-transform:uppercase}.form-group input{width:100%;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:#fff;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-group input::placeholder{color:var(--muted-3)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.auth-submit{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.auth-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-submit:disabled{background:var(--muted-3);cursor:not-allowed}.auth-toggle{text-align:center;margin-bottom:20px}.auth-toggle p{color:var(--muted);font-size:14px;margin:0}.toggle-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:500;text-decoration:underline;font-size:14px}.toggle-btn:hover{color:var(--primary-hover)}.error-message{background:var(--danger);color:#fff;padding:12px;border-radius:4px;margin-bottom:15px;font-size:13px}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--muted);font-size:16px}@media (max-width: 768px){.navigation{padding:.5rem 1rem;flex-direction:column;gap:.5rem}.nav-brand h1{font-size:1.2rem}.nav-links{order:3;width:100%;justify-content:space-around;flex:none}.nav-user{order:2;width:100%;justify-content:space-between}.user-info{align-items:flex-start}.auth-container{padding:30px 20px}.auth-container h1{font-size:24px}}.app-container{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at top,#13203a 0%,var(--bg) 55%);color:var(--text)}.main-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:20px;box-sizing:border-box}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);font-size:16px}@media (max-width: 768px){.main-content{padding:12px}}.create-intake,.submissions-page{max-width:800px;margin:0 auto;padding:20px}.create-intake h2,.submissions-page h2{color:var(--primary);margin-bottom:20px}.intake-form{background:var(--surface);border-radius:8px;padding:20px;border:1px solid var(--border)}.form-section{margin-bottom:25px}.form-section h3{font-size:14px;text-transform:uppercase;color:var(--muted-2);margin-bottom:15px}.form-section label{display:flex;flex-direction:column;margin-bottom:15px;font-weight:500}.form-section input,.form-section select,.form-section textarea{margin-top:5px;padding:10px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);color:#fff;font-size:14px;font-family:inherit}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-section input::placeholder,.form-section textarea::placeholder{color:var(--muted-2)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.photo-card{border:2px dashed var(--border);border-radius:8px;padding:15px;text-align:center;background:var(--surface-2)}.photo-label{font-size:12px;color:var(--muted-2);text-transform:uppercase;margin-bottom:10px}.btn-capture{width:100%;padding:60px 10px;border:none;background:var(--surface-2);border:2px dashed var(--primary);border-radius:4px;color:var(--primary);cursor:pointer;font-size:32px;transition:all .2s}.btn-capture:hover{border-color:var(--primary-hover);color:var(--primary-hover);background:var(--primary-soft)}.photo-preview{position:relative}.photo-preview img{width:100%;height:auto;border-radius:4px;max-height:300px;object-fit:cover}.photo-actions{display:flex;gap:5px;margin-top:10px}.btn-retake,.btn-remove{flex:1;padding:8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-retake{background:#3b82f6;color:#fff}.btn-retake:hover{background:#1d4ed8}.btn-remove{background:var(--danger);color:#fff}.btn-remove:hover{background:#b91c1c}.form-actions{display:flex;gap:10px;margin-top:25px}.btn-submit,.btn-cancel,.btn-primary{flex:1;padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit,.btn-primary{background:var(--primary);color:#fff}.btn-submit:hover,.btn-primary:hover{background:var(--primary-hover)}.btn-submit:disabled{background:var(--muted-2);cursor:not-allowed}.btn-cancel{background:var(--border);color:#fff}.btn-cancel:hover{background:#555}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.intakes-list{display:flex;flex-direction:column;gap:15px}.intake-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:15px;transition:all .2s}.intake-card:hover{border-color:var(--primary);box-shadow:0 0 10px var(--primary-soft)}.intake-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:10px}.intake-info{display:flex;gap:15px;font-size:14px}.status-badge{padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.intake-location,.intake-price,.intake-qty{font-size:13px;color:var(--muted)}.intake-ai-result{margin:10px 0;padding:10px;background:var(--primary-soft);border-radius:4px;border-left:3px solid var(--primary)}.intake-ai-result .sku,.intake-ai-result .brand{font-size:12px;color:var(--muted)}.intake-ai-result .name{font-size:14px;color:var(--primary);font-weight:500;margin:5px 0}.admin-comment{margin-top:10px;padding:10px;background:#e8c1a01a;border-radius:4px;border-left:3px solid #f59e0b}.admin-comment strong{color:#f59e0b;font-size:12px}.admin-comment p{margin:5px 0 0;font-size:13px;color:var(--muted)}.intake-footer{margin-top:10px;font-size:12px;color:var(--muted-2);text-align:right}.empty-state{text-align:center;padding:40px 20px;background:var(--surface);border-radius:8px;border:1px dashed var(--border)}.empty-state p{color:var(--muted-2);margin-bottom:20px;font-size:16px}.error-message{background:var(--danger);color:#fff;padding:12px;border-radius:4px;margin-bottom:15px;font-size:14px}.loading{text-align:center;padding:40px;color:var(--muted-2);font-size:16px}@media (max-width: 768px){.create-intake,.submissions-page{padding:10px}.intake-form{padding:15px}.photos-grid{grid-template-columns:1fr}.submissions-header{flex-direction:column}.submissions-header button{width:100%}.intake-header{flex-direction:column}.intake-info{flex-direction:column;gap:5px}.form-actions{flex-direction:column}}.intake-queue,.intake-detail,.products-page{max-width:1200px;margin:0 auto;padding:20px}.intake-queue h2,.intake-detail h2,.products-page h2{color:var(--primary);margin-bottom:20px}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px;flex-wrap:wrap}.submissions-header h2{margin:0}.queue-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;overflow-x:auto;padding:10px 0}.filter-btn{padding:8px 16px;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.intake-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.intake-item:hover{border-color:var(--primary);box-shadow:0 0 10px var(--primary-soft);transform:translateY(-2px)}.item-photo{width:100%;height:150px;overflow:hidden;background:var(--surface-2)}.item-photo img{width:100%;height:100%;object-fit:cover}.item-content{padding:12px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-badge{padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:500}.item-meta{font-size:12px;color:var(--muted-2);margin-bottom:8px;display:flex;gap:8px}.meta-qty,.meta-price{flex:1}.item-ai{margin:8px 0;padding:8px;background:var(--primary-soft);border-radius:4px;border-left:2px solid var(--primary)}.item-ai .sku{font-size:12px;font-weight:600;color:var(--primary)}.item-ai .name{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-time{font-size:11px;color:var(--muted-3);text-align:right}.detail-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.btn-refresh{margin-left:auto}.btn-back{padding:8px 12px;background:var(--border);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-back:hover{background:#555}.detail-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:30px}.photo-viewer{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.photo-viewer .photo-label{padding:10px;background:var(--surface-2);font-size:12px;color:var(--muted-2);text-transform:uppercase}.photo-viewer img{width:100%;height:auto;max-height:400px;object-fit:cover}.detail-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.detail-form h3{color:var(--primary);margin-bottom:15px;font-size:14px;text-transform:uppercase}.ai-section{margin-bottom:20px;padding:15px;background:var(--primary-soft);border:1px solid var(--primary);border-radius:4px}.ai-section textarea{width:100%;margin-top:8px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:#fff;font-family:inherit;font-size:14px;resize:vertical}.edit-section{margin-top:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.form-row label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);text-transform:uppercase}.form-row input,.form-row textarea{margin-top:5px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:#fff;font-family:inherit;font-size:14px}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-primary,.btn-approve,.btn-reject{flex:1;padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{background:var(--muted-2);cursor:not-allowed}.btn-approve{background:#22c55e;color:#fff}.btn-approve:hover{background:#15803d}.btn-reject{background:var(--danger);color:#fff}.btn-reject:hover{background:#b91c1c}.products-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;gap:10px;padding:15px;background:var(--surface-2);border-bottom:1px solid var(--border);font-weight:600;font-size:12px;text-transform:uppercase;color:var(--muted-2)}.table-header>div,.table-row>div{min-width:0}.table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;gap:10px;padding:15px;border-bottom:1px solid var(--border);align-items:center;transition:all .2s}.table-row:hover{background:var(--primary-soft)}.table-row:last-child{border-bottom:none}.col-sku{font-weight:600;color:var(--primary)}.col-name{font-size:13px;overflow:hidden}.name-cell{display:flex;flex-direction:column;gap:3px;width:100%;overflow:hidden}.short-name{font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.long-name{font-size:11px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-brand,.col-qty,.col-price{text-align:left;color:var(--muted);font-size:13px}.col-qty,.col-price{text-align:center}.sku-cell{display:flex;flex-direction:column;gap:4px}.sku-cell small{color:#777;font-size:11px}.meta-cell{display:flex;flex-direction:column;gap:3px;font-size:12px}.meta-cell strong{color:#ddd}.col-actions{display:flex;gap:5px;justify-content:center}.btn-edit,.btn-save,.btn-cancel-row{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#1d4ed8}.btn-save{background:#22c55e;color:#fff}.btn-save:hover:not(:disabled){background:#15803d}.btn-save:disabled{background:var(--muted-3);cursor:not-allowed}.btn-cancel-row{background:#555;color:#fff}.btn-cancel-row:hover{background:var(--muted-3)}.edit-field input{width:100%}.edit-field{display:flex;flex-direction:column;gap:6px}.input-readonly{background:var(--surface)!important;cursor:not-allowed!important;color:var(--muted-2)!important}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:1fr 1.5fr 1fr 1fr}.col-brand{display:none}}@media (max-width: 768px){.intake-queue,.intake-detail,.products-page{padding:10px}.queue-grid,.detail-photos,.form-row,.table-header,.table-row{grid-template-columns:1fr}.table-row{display:grid;grid-template-areas:"sku" "name" "brand" "qty" "price" "actions"}.col-sku{grid-area:sku}.col-name{grid-area:name}.col-brand{grid-area:brand;display:block}.col-qty{grid-area:qty}.col-price{grid-area:price}.col-actions{grid-area:actions}}:root{--bg: #0b1220;--surface: #111b2e;--surface-2: #16233a;--border: #26344f;--text: #e8eef9;--muted: #a9b8d3;--muted-2: #8ea1c0;--muted-3: #6f83a3;--primary: #38bdf8;--primary-hover: #0ea5e9;--primary-soft: rgba(56, 189, 248, .14);--danger: #ef4444;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-hover)}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}