*{box-sizing:border-box}:root{color-scheme:light;--sf-page-bg: #f8fafc;--sf-surface: #ffffff;--sf-surface-soft: #f9fafb;--sf-border: #e5e7eb;--sf-text: #111827;--sf-muted: #6b7280;--sf-primary: #2563eb}[data-theme=dark]{color-scheme:dark;--sf-page-bg: #020617;--sf-surface: #0f172a;--sf-surface-soft: #111827;--sf-border: #1f2937;--sf-text: #f8fafc;--sf-muted: #94a3b8;--sf-primary: #60a5fa}html,body{min-height:100%;margin:0}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 28rem),var(--sf-page-bg);color:var(--sf-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .2s ease,color .2s ease}body.dark-theme{background:radial-gradient(circle at top left,rgba(96,165,250,.14),transparent 30rem),#020617}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}button:active{transform:translateY(1px)}body.dark-theme .dashboard-layout,body.dark-theme .dashboard-content{background:#020617}body.dark-theme .dashboard-topbar,body.dark-theme .card,body.dark-theme .table-wrapper,body.dark-theme .auth-content-panel,body.dark-theme .report-card,body.dark-theme .report-section,body.dark-theme .report-actions,body.dark-theme .toolbar,body.dark-theme .product-form-card{background:#0f172af5;border-color:#1f2937;color:#f8fafc}body.dark-theme .topbar h2,body.dark-theme .page-title,body.dark-theme .card h2,body.dark-theme .card h3,body.dark-theme .report-card h2,body.dark-theme .report-actions h2,body.dark-theme .section-header h2,body.dark-theme .compact-item h3,body.dark-theme .app-table strong,body.dark-theme .user-pill p{color:#f8fafc}body.dark-theme .topbar-kicker,body.dark-theme .page-description,body.dark-theme .form-label,body.dark-theme .user-pill small,body.dark-theme .report-card p,body.dark-theme .report-card span,body.dark-theme .report-actions p,body.dark-theme .section-header p,body.dark-theme .compact-item p,body.dark-theme .empty-note{color:#94a3b8}body.dark-theme .form-control{background:#020617;border-color:#334155;color:#f8fafc}body.dark-theme .form-control::placeholder{color:#64748b}body.dark-theme .form-control:hover{border-color:#475569}body.dark-theme .form-control:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa24}body.dark-theme .btn-secondary,body.dark-theme .logout-button,body.dark-theme .theme-toggle-button,body.dark-theme .close-button,body.dark-theme .user-pill,body.dark-theme .table-actions button{background:#111827;border-color:#334155;color:#e5e7eb}body.dark-theme .btn-secondary:hover,body.dark-theme .logout-button:hover,body.dark-theme .theme-toggle-button:hover,body.dark-theme .close-button:hover,body.dark-theme .table-actions button:hover{background:#1e293b}body.dark-theme .user-avatar{background:#1e3a8a;color:#bfdbfe}body.dark-theme .app-table th{background:#111827;color:#94a3b8}body.dark-theme .app-table td{border-bottom-color:#1f2937;color:#e5e7eb}body.dark-theme .app-table tbody tr:hover{background:#111827}body.dark-theme .compact-item,body.dark-theme .empty-note{background:#111827;border-color:#1f2937}body.dark-theme .report-card.primary,body.dark-theme .report-card.success,body.dark-theme .report-card.warning,body.dark-theme .report-card.danger,body.dark-theme .report-card.neutral{background:#0f172af5;border-color:#1f2937}body.dark-theme .products-table tr,body.dark-theme .report-mobile-table tr{background:#0f172a;border-color:#1f2937}body.dark-theme .products-table td,body.dark-theme .report-mobile-table td{border-bottom-color:#1f2937}body.dark-theme .products-table td:before,body.dark-theme .report-mobile-table td:before{color:#94a3b8}.form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:700;color:#374151}.form-control{width:100%;min-height:44px;display:block;border:1px solid #d1d5db;border-radius:12px;padding:0 .9rem;background:#fff;color:#111827;line-height:1.2;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea.form-control{min-height:96px;padding-top:.8rem;padding-bottom:.8rem;resize:vertical}.form-control::placeholder{color:#9ca3af}.form-control:hover{border-color:#bfdbfe}.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb21}.form-control:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-error{font-size:.8rem;color:#dc2626}.table-wrapper{width:100%;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 14px 35px #0f172a0e}.app-table{width:100%;min-width:760px;border-collapse:collapse}.app-table th,.app-table td{padding:.95rem 1rem;border-bottom:1px solid #edf2f7;text-align:left;font-size:.9rem;vertical-align:middle}.app-table th{position:sticky;top:0;z-index:1;color:#6b7280;font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;background:#f9fafb}.app-table tbody tr{transition:background .16s ease}.app-table tbody tr:hover{background:#f8fafc}.app-table tr:last-child td{border-bottom:0}.app-table strong{color:#111827;font-weight:800}.page-title{margin:0;font-size:1.55rem;font-weight:850;letter-spacing:-.025em;color:#111827}.page-description{max-width:760px;margin:.4rem 0 0;color:#6b7280;font-size:.95rem;line-height:1.6}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:12px;padding:0 1rem;font-size:.9rem;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 10px 20px #2563eb33}.btn-primary:hover{background:#1e40af;box-shadow:0 14px 26px #2563eb3d}.btn-danger{background:#dc2626;color:#fff;box-shadow:0 10px 20px #dc26262e}.btn-danger:hover{background:#991b1b}.btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.card{background:#fffffff5;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 14px 35px #0f172a0f}body.dark-theme .card{background:#0f172a;border-color:#1f2937;box-shadow:0 16px 36px #0000003d}body.dark-theme .page-title{color:#f8fafc}body.dark-theme .page-description{color:#94a3b8}
