.app-layout{color:#f1f5f9;background:#0f172a;min-height:100vh;display:flex;position:relative}.menu-toggle{z-index:110;cursor:pointer;background:#020617;border:1px solid #334155;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none;position:fixed;top:14px;left:14px}.menu-toggle span{background:#e2e8f0;border-radius:1px;width:20px;height:2px;display:block}.sidebar-backdrop{z-index:90;cursor:pointer;background:#00000080;border:none;display:none;position:fixed;inset:0}.sidebar{z-index:100;background:#020617;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:260px;padding:24px 16px;display:flex}.sidebar-logo{color:#f8fafc;margin-bottom:28px;padding:0 8px;font-size:1.35rem;font-weight:800}.sidebar-logo span{color:#38bdf8}.sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-link{color:#94a3b8;border-radius:10px;padding:12px 14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-link:hover{color:#f1f5f9;background:#33415566}.nav-link.active{color:#fff;background:linear-gradient(135deg,#38bdf833,#6366f133);border:1px solid #38bdf840}.sidebar-footer{border-top:1px solid #1e293b;margin-top:auto;padding-top:16px}.user-email{color:#64748b;word-break:break-all;margin:0 0 10px;padding:0 8px;font-size:.8rem}.btn-logout{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;width:100%;padding:10px;font-size:.9rem}.btn-logout:hover{color:#f87171;border-color:#f87171}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#020617;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.topbar h3{color:#e2e8f0;margin:0;font-size:1rem;font-weight:600}.topbar-user{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:.8rem;overflow:hidden}.page-content{flex:1;padding:0;overflow:auto}@media (width<=768px){.menu-toggle{display:flex}.sidebar-backdrop{display:block}.sidebar{transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0006}.sidebar.open{transform:translate(0)}.topbar{padding-left:64px}.topbar-user{display:none}}.dashboard-page{color:#0f172a;background:linear-gradient(#f8fafc 0%,#eef2ff 100%);min-height:100%;padding:clamp(16px,4vw,28px)}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dash-header h1{color:#0f172a;margin:0;font-size:clamp(1.5rem,4vw,2rem)}.dash-cta{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 14px #0f172a0f}.kpi-card h3{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 8px;font-size:.8rem}.kpi-card p{color:#0f172a;margin:0;font-size:2rem;font-weight:800}.dash-section h2{color:#0f172a;margin:0 0 14px;font-size:1.15rem}.table-scroll{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;min-width:480px}.dash-table th,.dash-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:12px 14px}.dash-table th{text-transform:uppercase;color:#64748b;background:#f8fafc;font-size:.75rem}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:18px}.filters-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:16px;display:grid}.filters-row label{color:#475569;flex-direction:column;gap:8px;font-size:.85rem;display:flex}.filters-row input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:10px 12px}.btn-secondary{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:10px 16px;font-weight:600}.btn-secondary:hover{background:#e2e8f0}.badge{border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge.green{color:#166534;background:#dcfce7}.badge.orange{color:#9a3412;background:#ffedd5}.dash-thumb{object-fit:cover;border-radius:8px;width:48px;height:48px}.empty{text-align:center;color:#94a3b8;padding:24px}.auth-page{background:radial-gradient(80% 60% at 50% -10%,#38bdf840,#0000),linear-gradient(165deg,#0f172a 0%,#1e1b4b 45%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#0f172ad9;border:1px solid #94a3b833;border-radius:20px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 24px 48px #00000059}.auth-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-brand-icon{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border-radius:12px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.auth-brand h1{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.auth-brand p{color:#94a3b8;margin:2px 0 0;font-size:.8rem}.auth-card h2{color:#f1f5f9;margin:0 0 6px;font-size:1.5rem}.auth-sub{color:#94a3b8;margin:0 0 24px;font-size:.9rem;line-height:1.5}.auth-field{margin-bottom:16px}.auth-field label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.auth-field input{box-sizing:border-box;color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf833}.auth-error{color:#fecaca;background:#ef444426;border:1px solid #ef444459;border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:.875rem}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:10px;width:100%;margin-top:8px;padding:13px;font-size:1rem;font-weight:600;transition:transform .15s,opacity .15s}.auth-submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-footer{text-align:center;color:#94a3b8;margin-top:22px;font-size:.9rem}.auth-footer a{color:#38bdf8;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-loading{color:#94a3b8;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.spinner{border:3px solid #334155;border-top-color:#38bdf8;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.proofcam-page{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);flex-direction:column;gap:20px;min-height:100%;padding:clamp(16px,4vw,28px);display:flex}.proofcam-header h1{color:#0f172a;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.proofcam-header p,.muted{color:#64748b;margin:8px 0 0;font-size:.95rem;line-height:1.6}.proofcam-card{background:#fffffff2;border:1px solid #94a3b833;border-radius:20px;padding:clamp(16px,3vw,24px);box-shadow:0 12px 35px #0f172a14}.upload-card h2,.history-card h2{color:#0f172a;margin:0 0 6px;font-size:1.25rem}.actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-size:.95rem;font-weight:600}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.btn-secondary{color:#0f172a;background:#e2e8f0}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.hidden-input{display:none}.alert{border-radius:12px;margin-top:14px;padding:12px 14px;font-size:.9rem}.alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert.ok{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.ticket-input-wrap{flex-direction:column;gap:4px;display:flex}.ticket-input-row{align-items:center;gap:2px;display:flex}.ticket-hash{color:var(--color-text-muted,#888);-webkit-user-select:none;user-select:none;padding-right:1px;font-size:.95rem;font-weight:700;line-height:1}.ticket-code-input{border:1.5px solid var(--color-border,#d1d5db);letter-spacing:.04em;background:var(--color-input-bg,#f9fafb);width:110px;color:var(--color-text,#111);text-transform:uppercase;border-radius:6px;outline:none;padding:4px 6px;font-size:.85rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.ticket-code-input:focus{border-color:var(--color-primary,#2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.ticket-code-input.required{background:#fff5f5;border-color:#ef4444}.ticket-code-input.required:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.ticket-code-input.saved{background:#f0fdf4;border-color:#22c55e}.btn-save-code{background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;transition:background .15s,transform .1s;display:flex}.btn-save-code:hover:not(:disabled){background:var(--color-primary-dark,#1d4ed8);transform:scale(1.05)}.btn-save-code:disabled{opacity:.6;cursor:not-allowed}.saved-badge{color:#22c55e;margin-left:2px;font-size:1rem;font-weight:700}.ticket-required-hint{color:#ef4444;font-size:.72rem;font-weight:500}.ticket-error-hint{color:#dc2626;font-size:.72rem}.alert.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.preview-wrap{margin-top:16px}.preview-image{object-fit:contain;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:480px;max-height:360px}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-box input{border:1px solid #cbd5e1;border-radius:12px;width:min(100%,280px);padding:10px 14px;font-size:1rem}.table-wrap{border-radius:14px;overflow-x:auto}.proofcam-table{border-collapse:collapse;background:#fff;width:100%;min-width:520px}.proofcam-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;font-size:.75rem}.proofcam-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px}.row-processing{background:#fffbeb}.processing{color:#b45309;font-weight:600}.table-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:10px;width:64px;height:64px}.download-link{color:#fff;background:#0f172a;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.action-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn-small{border-radius:8px;padding:8px 12px;font-size:.85rem}.muted-cell{text-align:center;color:#94a3b8;padding:24px}.dataset-panel{background:linear-gradient(135deg,#fafafa 0%,#f0f0ff 100%);border:1.5px solid #6366f1}.dataset-panel h2{color:#0f172a;margin:0 0 4px;font-size:1.25rem}.dataset-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.dataset-badge{color:#fff;letter-spacing:.08em;white-space:nowrap;background:#6366f1;border-radius:99px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.dataset-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card{border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.stat-labeled{background:#dcfce7}.stat-unlabeled{background:#fee2e2}.stat-total{background:#e0e7ff}.stat-value{font-size:1.6rem;font-weight:800;line-height:1}.stat-labeled .stat-value{color:#16a34a}.stat-unlabeled .stat-value{color:#dc2626}.stat-total .stat-value{color:#4f46e5}.stat-label{color:#555;text-align:center;font-size:.72rem;font-weight:500}.dataset-progress-wrap{align-items:center;gap:10px;margin-bottom:18px;display:flex}.dataset-progress-bar-bg{background:#e5e7eb;border-radius:99px;flex:1;height:8px;overflow:hidden}.dataset-progress-bar-fill{background:linear-gradient(90deg,#6366f1,#22c55e);border-radius:99px;height:100%;transition:width .4s}.dataset-progress-label{color:#555;white-space:nowrap;font-size:.75rem;font-weight:600}.dataset-export-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.btn-export{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.btn-export:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-export:disabled{opacity:.4;cursor:not-allowed}.btn-export.csv{color:#fff;background:#16a34a}.btn-export.json{color:#fff;background:#4f46e5}.dataset-note{margin-top:0;font-size:.75rem;line-height:1.5}.dataset-note code{color:#4f46e5;background:#e0e7ff;border-radius:4px;padding:1px 5px;font-size:.72rem}@media (width<=640px){.proofcam-table thead{display:none}.proofcam-table,.proofcam-table tbody,.proofcam-table tr,.proofcam-table td{min-width:unset;display:block}.proofcam-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:16px;padding:14px}.proofcam-table td{border:none;padding:6px 0}.proofcam-table td:before{content:attr(data-label);text-transform:uppercase;color:#94a3b8;margin-bottom:4px;font-size:.7rem;display:block}.actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.dataset-export-row{flex-direction:column}.btn-export{justify-content:center;width:100%}}.inventory-page{background:radial-gradient(circle at 0 0,#60a5fa2e,#0000 28%),radial-gradient(circle at 100% 0,#6366f12e,#0000 24%),linear-gradient(#f8fbff 0%,#eef4ff 100%);min-height:100%;padding:28px}.inventory-shell{max-width:1240px;margin:0 auto}.inventory-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#172554 100%);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;padding:28px;display:flex;box-shadow:0 20px 50px #0f172a38}.inventory-hero h1{margin:0 0 8px;font-size:2rem;font-weight:800;line-height:1.1}.inventory-hero p{color:#ffffffc7;max-width:720px;margin:0}.inventory-hero-actions{align-items:center;gap:12px;display:flex}.inventory-bell{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff24;border:none;border-radius:18px;width:52px;height:52px;transition:transform .18s,background .18s;position:relative;box-shadow:inset 0 1px #ffffff1f}.inventory-bell:hover{background:#ffffff38;transform:translateY(-1px)}.inventory-bell-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:-6px;right:-6px;box-shadow:0 8px 18px #dc262659}.inventory-notifications{z-index:40;background:#fffffffa;border:1px solid #e2e8f0f2;border-radius:20px;width:360px;max-height:430px;padding:14px;position:absolute;top:64px;right:0;overflow-y:auto;box-shadow:0 24px 60px #0f172a2e}.inventory-notifications-title{color:#0f172a;margin-bottom:12px;font-size:.98rem;font-weight:800}.inventory-notification-item{background:linear-gradient(#f8fbff 0%,#eff6ff 100%);border:1px solid #dbeafe;border-radius:18px;margin-bottom:10px;padding:14px}.inventory-notification-item strong{color:#0f172a;margin-bottom:4px;display:block}.inventory-notification-item p{color:#334155;margin:0 0 10px;font-size:.92rem}.inventory-grid{grid-template-columns:1.05fr 1fr;gap:20px;margin-bottom:20px;display:grid}.inventory-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #e2e8f0e6;border-radius:24px;padding:22px;box-shadow:0 18px 45px #94a3b81f}.inventory-card h2{color:#0f172a;margin:0 0 16px;font-size:1.08rem;font-weight:800}.inventory-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.inventory-form-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-field{flex-direction:column;gap:8px;display:flex}.inventory-field label,.inventory-field span{color:#475569;font-size:.86rem;font-weight:700}.inventory-input,.inventory-select,.inventory-file{color:#0f172a;background:#fff;border:1px solid #dbe4f0;border-radius:14px;outline:none;width:100%;height:46px;padding:0 14px;transition:border-color .18s,box-shadow .18s,transform .18s}.inventory-file{height:auto;min-height:46px;padding:10px 12px}.inventory-input:focus,.inventory-select:focus,.inventory-file:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.inventory-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inventory-btn{cursor:pointer;border:none;border-radius:14px;height:44px;padding:0 16px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s}.inventory-btn:hover{transform:translateY(-1px)}.inventory-btn:disabled{opacity:.6;cursor:not-allowed}.inventory-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 24px #2563eb38}.inventory-btn-secondary{color:#1e293b;background:#e2e8f0}.inventory-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 12px 24px #ef44442e}.inventory-section{margin-bottom:20px}.inventory-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.inventory-toolbar p{color:#64748b;margin:0;font-size:.93rem}.inventory-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:auto}.inventory-table{border-collapse:collapse;width:100%;min-width:760px}.inventory-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.78rem}.inventory-table tbody td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:14px 16px}.inventory-table tbody tr:hover{background:#f8fbff}.inventory-empty{text-align:center;color:#94a3b8;padding:26px!important}.inventory-price-chip,.inventory-stock-chip,.inventory-alert-chip{border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.86rem;font-weight:700;display:inline-flex}.inventory-price-chip{color:#1d4ed8;background:#eff6ff}.inventory-stock-chip{color:#047857;background:#ecfdf5}.inventory-stock-chip.low{color:#dc2626;background:#fef2f2}.inventory-alert-chip{color:#ea580c;background:#fff7ed}.inventory-muted{color:#64748b}.inventory-inline-input{background:#fff;border:1px solid #dbe4f0;border-radius:12px;width:110px;height:38px;padding:0 10px}.inventory-inline-input:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 4px #60a5fa24}.inventory-upload-box{background:linear-gradient(#f8fbff 0%,#eef6ff 100%);border:1px dashed #bfdbfe;border-radius:18px;padding:18px}.inventory-history-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width<=1100px){.inventory-grid{grid-template-columns:1fr}}@media (width<=780px){.inventory-page{padding:16px}.inventory-hero{flex-direction:column;padding:22px}.inventory-notifications{width:min(92vw,360px);right:0}.inventory-form-grid,.inventory-form-grid--compact{grid-template-columns:1fr}.inventory-toolbar{flex-direction:column;align-items:flex-start}.inventory-card{border-radius:20px;padding:18px}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#f1f5f9;-webkit-font-smoothing:antialiased;background:#0f172a;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{text-align:left;border:none;max-width:none}a{color:inherit}button{font-family:inherit}