:root{--bg-primary:#f4f7ff;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border:#e6eef8;--card-bg:#fff;--hover-bg:#f1f5f9;--primary:#2563eb;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--shadow:0 1px 3px #0206170f;--shadow-hover:0 8px 24px #0206171f}[data-theme=dark]{--bg-primary:#0b1220;--bg-secondary:#0f1724;--text-primary:#e6eef8;--text-secondary:#94a3b8;--border:#1f2937;--card-bg:#0b1220;--hover-bg:#111827;--primary:#60a5fa;--success:#34d399;--error:#f87171;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.layout-wrapper{flex-direction:column;min-height:100vh;display:flex}.app-layout{background:var(--bg-primary);flex:1;display:flex}.sidebar{z-index:40;background:#0f172a;flex-direction:column;width:260px;min-width:260px;transition:width .3s,min-width .3s;display:flex;position:relative;overflow:hidden}.sidebar.collapsed{width:64px;min-width:64px}.sidebar-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 1rem;display:flex}.sidebar-logo-text{color:#fff;white-space:nowrap;letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.sidebar-close-mobile{color:#ffffff80;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:none}.sidebar-close-mobile:hover{color:#fff;background:#ffffff0f}.sidebar-nav{flex-direction:column;flex:1;gap:.15rem;padding:.75rem;display:flex;overflow-y:auto}.sidebar-nav-item{color:#ffffff8c;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.sidebar-nav-item:hover{color:#fff;background:#ffffff0f}.sidebar-nav-item.active{color:#60a5fa;background:#60a5fa1f}.sidebar-footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.sidebar-toggle-btn,.sidebar-logout{color:#ffffff73;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;font-size:.875rem;transition:all .15s;display:flex;overflow:hidden}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff0f}.sidebar-logout:hover{color:#f87171;background:#ef44441a}.main-area{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.top-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{align-items:center;display:flex}.header-hamburger{width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.header-hamburger:hover{background:var(--hover-bg);color:var(--text-primary)}.header-center{position:absolute;left:50%;transform:translate(-50%)}.header-title{color:var(--text-primary);font-size:1rem;font-weight:600}.header-right{align-items:center;display:flex}.header-avatar-img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:2.25rem;height:2.25rem;transition:border-color .2s}.header-avatar-img:hover{border-color:var(--primary)}.header-avatar-initials{background:var(--primary);color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.75rem;font-weight:700;transition:border-color .2s;display:flex}.header-avatar-initials:hover{border-color:var(--primary)}.user-dropdown-wrapper{position:relative}.user-dropdown-trigger{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.user-dropdown-menu{background:var(--card-bg);border:1px solid var(--border);z-index:100;border-radius:.75rem;width:220px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 12px 40px #00000026}.user-dropdown-header{flex-direction:column;gap:.15rem;padding:1rem;display:flex}.user-dropdown-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.user-dropdown-email{color:var(--text-secondary);font-size:.75rem}.user-dropdown-divider{background:var(--border);height:1px}.user-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;padding:.7rem 1rem;font-size:.85rem;transition:background .1s;display:flex}.user-dropdown-item:hover{background:var(--hover-bg)}.user-dropdown-item-danger{color:var(--error)}.user-dropdown-item-danger:hover{background:#ef444414}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.sidebar-overlay{display:none}@media (width<=1024px){.header-center{position:static;transform:none}}@media (width<=767px){.sidebar{z-index:50;width:280px;min-width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.mobile-open{left:0}.sidebar-overlay{z-index:49;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:block;position:fixed;inset:0}.sidebar-close-mobile{display:flex}.main-area{width:100%}.header-center{display:none}.main-content{padding:1rem}}.page{width:100%}.page h1{color:var(--text-primary);margin-bottom:1rem;font-size:1.75rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.product-form{max-width:640px;margin:0 auto}.product-form h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.product-form form{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1rem;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.product-form .form-group{flex-direction:column;gap:.35rem;display:flex}.product-form .form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.product-form .form-group input,.product-form .form-group textarea,.product-form .form-group select{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:.6rem;padding:.7rem .9rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.product-form .form-group input:focus,.product-form .form-group textarea:focus,.product-form .form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.product-form .field-error{color:var(--error);font-size:.8rem}.login-page{background-color:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container{z-index:10;background:#1e293bb3;border:1px solid #06b6d433;border-radius:1rem;width:100%;max-width:400px;margin:0 1rem;padding:2rem;position:relative;box-shadow:0 0 50px -12px #22d3ee40}.login-form-wrapper{flex-direction:column;display:flex}.login-avatar-section{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.login-avatar{background:#111827;border:2px solid #06b6d466;border-radius:50%;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;min-height:80px;display:flex;overflow:hidden;box-shadow:0 0 15px #22d3ee33}.login-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.login-title{color:#f1f5f9;letter-spacing:-.025em;margin-top:.75rem;font-size:1.25rem;font-weight:700}.login-subtitle{color:#94a3b8;text-align:center;margin-top:.25rem;font-size:.75rem}.login-error{color:#fecaca;text-align:center;background:#7f1d1d66;border:1px solid #ef44444d;border-radius:.75rem;margin-bottom:1rem;padding:.5rem;font-size:.75rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-input-group{flex-direction:column;display:flex}.login-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.login-input-wrapper{position:relative}.login-icon{color:#64748b;font-size:.875rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.login-input{color:#f1f5f9;background:#0f172a99;border:1px solid #334155;border-radius:.75rem;outline:none;width:100%;padding:.625rem .75rem .625rem 2.25rem;font-size:.75rem;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#64748b}.login-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d44d}.login-button{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:linear-gradient(90deg,#0891b2,#06b6d4);border:none;border-radius:.75rem;width:100%;margin-top:.5rem;padding:.625rem;font-size:.75rem;font-weight:700;transition:all .3s;box-shadow:0 0 20px #22d3ee33}.login-button:hover:not(:disabled){background:linear-gradient(90deg,#06b6d4,#22d3ee);box-shadow:0 0 25px #22d3ee66}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{border-top:1px solid #33415599;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;font-size:.6875rem;display:flex}.login-link{color:#22d3ee;font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.login-link-btn{color:#22d3ee;cursor:pointer;background:0 0;border:none;padding:0;font-size:.6875rem;font-weight:600}.login-link-btn:hover{text-decoration:underline}.totp-input-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.totp-input-row{justify-content:center;gap:.5rem;display:flex}.totp-input{text-align:center;letter-spacing:.1em;color:#fff;caret-color:#22d3ee;background:#0f172a99;border:2px solid #33415599;border-radius:.5rem;outline:none;width:3rem;height:3.5rem;font-size:1.5rem;font-weight:700;transition:border-color .2s}.totp-input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee26}.totp-input::placeholder{color:#94a3b866}.twofa-status{flex-direction:column;gap:.75rem;display:flex}.twofa-status-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.twofa-enabled{color:#10b981;font-weight:600}.twofa-disabled{color:#6b7280;font-weight:600}.twofa-description{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.twofa-setup-step{flex-direction:column;gap:.75rem;display:flex}.twofa-setup-step p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.twofa-qr-container{background:#fff;border-radius:.75rem;justify-content:center;margin:.5rem 0;padding:1rem;display:flex}.twofa-secret-details{color:var(--text-secondary);font-size:.8rem}.twofa-secret-details summary{cursor:pointer;color:var(--primary);font-weight:500}.twofa-secret-code{word-break:break-all;-webkit-user-select:all;user-select:all;background:#0f172a99;border-radius:.375rem;margin-top:.5rem;padding:.5rem;font-size:.75rem;display:block}.twofa-recovery-section{background:#fbbf2414;border:1px solid #fbbf2433;border-radius:.5rem;margin-top:.5rem;padding:1rem}.twofa-recovery-section p{margin:0 0 .5rem}.twofa-warning{color:#d97706;align-items:flex-start;font-size:.8rem;display:flex}.twofa-recovery-list{grid-template-columns:1fr 1fr;gap:.4rem;margin:.75rem 0;display:grid}.twofa-recovery-code{text-align:center;-webkit-user-select:all;user-select:all;background:#0f172a66;border-radius:.25rem;padding:.4rem .6rem;font-family:monospace;font-size:.75rem}.twofa-verify-section{border-top:1px solid var(--border);padding-top:1rem}.evidence-upload-zone{margin-top:.5rem}.evidence-upload-label{cursor:pointer;color:var(--text-secondary);border:2px dashed #33415580;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;transition:border-color .2s;display:flex}.evidence-upload-label:hover{border-color:var(--primary)}.evidence-upload-input{display:none}.evidence-previews{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.evidence-preview-item{border:1px solid var(--border);border-radius:.5rem;width:80px;height:80px;position:relative;overflow:hidden}.evidence-preview-item img{object-fit:cover;width:100%;height:100%}.evidence-remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;display:flex;position:absolute;top:2px;right:2px}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.error-message{color:var(--error);background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.btn-primary{background:var(--primary);color:#fff;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:var(--hover-bg);color:var(--text-primary);border-radius:.375rem;padding:.5rem 1rem;font-weight:500}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-actions{align-items:center;gap:.75rem;display:flex}.loading{text-align:center;color:var(--text-secondary);padding:2rem}.error{color:var(--error);background:#fef2f2;border-radius:.5rem;padding:1rem}.empty-state{background:var(--card-bg);border:1px solid var(--border);color:var(--text-secondary);text-align:center;border-radius:.5rem;padding:2rem}.dashboard-content{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.dashboard-main,.dashboard-sidebar{flex-direction:column;gap:1.5rem;display:flex}.products-dashboard{width:100%}.products-dashboard h1{color:var(--text-primary);margin-bottom:1rem;font-size:1.75rem}.products-table{border-collapse:collapse;background:var(--card-bg);width:100%;box-shadow:var(--shadow);border-radius:.5rem;margin-top:1rem;overflow:hidden}.products-table th,.products-table td{text-align:left;border-bottom:1px solid var(--border);padding:1rem}.products-table th{background:var(--hover-bg);color:var(--text-primary);font-weight:600}.products-table tbody tr:hover{background:var(--hover-bg)}.btn-sm{border-radius:.25rem;margin-right:.5rem;padding:.25rem .75rem;font-size:.875rem}.btn-danger{background:var(--error);color:#fff}.dashboard-page{width:100%}.stat-card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}.stat-value{margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.875rem}.card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}.card h3{color:var(--text-primary);margin-bottom:1rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.page-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.925rem}.security-banner{color:#0f172a;background:linear-gradient(135deg,#ecfdf5 0%,#eff6ff 100%);border:1px solid #bfdbfe;border-radius:.875rem;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.security-banner-icon{color:#fff;background:#10b981;border-radius:.75rem;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.security-banner h2{margin-bottom:.25rem;font-size:1rem}.security-banner p{color:#334155}.secure-email{flex-direction:column;gap:.35rem;display:flex}.security-pill,.security-status,.role-badge,.live-indicator{border-radius:999px;align-items:center;gap:.35rem;width:fit-content;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.security-pill-success,.security-status{color:#047857;background:#dcfce7}.role-admin{color:#b91c1c;background:#fee2e2}.role-user{color:#1d4ed8;background:#dbeafe}.role-support{color:#15803d;background:#f0fdf4}.role-client{color:#b45309;background:#fef3c7}.role-warehouse{color:#7c3aed;background:#f3e8ff}.filter-note{color:var(--text-secondary);margin-bottom:.75rem}.audit-console{background:#0f172a;border:1px solid #1e293b;border-radius:.875rem;overflow:hidden;box-shadow:0 18px 45px #0f172a38}.live-indicator{color:#047857;background:#dcfce7}.audit-row+.audit-row{border-top:1px solid #1e293b}.audit-summary{color:#e2e8f0;text-align:left;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;display:grid}.audit-summary:hover{background:#94a3b814}.audit-icon{border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.audit-update .audit-icon{color:#60a5fa;background:#3b82f629}.audit-delete .audit-icon{color:#f87171;background:#ef444429}.audit-insert .audit-icon{color:#34d399;background:#10b98129}.audit-select .audit-icon{color:#c084fc;background:#a855f729}.audit-main{flex-direction:column;display:flex}.audit-main small,.audit-time{color:#94a3b8}.audit-chevron{color:#94a3b8;transition:transform .2s}.audit-chevron.open{transform:rotate(180deg)}.payload-block{color:#86efac;background:#020617;border-top:1px solid #1e293b;margin:0;padding:1rem 1.25rem 1.25rem 5.25rem;font-size:.875rem;overflow-x:auto}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.875rem;align-items:center;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.metric-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.metric-card p{color:var(--text-secondary);font-size:.85rem}.metric-card strong{color:var(--text-primary);margin-top:.25rem;font-size:1.75rem;line-height:1.1;display:block}.metric-icon{color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cart-container{margin-top:1rem}.cart-table{border-collapse:collapse;background:var(--card-bg);width:100%;box-shadow:var(--shadow);border-radius:.5rem;margin-top:1rem;overflow:hidden}.cart-table th,.cart-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.cart-table th{background:var(--hover-bg);color:var(--text-primary);font-weight:600}.cart-product-image{object-fit:cover;border-radius:6px;width:48px;height:48px;margin-right:.5rem}.quantity-input{border:1px solid var(--border);background:var(--bg-secondary);width:72px;color:var(--text-primary);border-radius:6px;padding:.5rem}.settings-grid{gap:1rem;margin-top:1rem;display:flex}.settings-field{flex-direction:column;flex:1;gap:.5rem;display:flex}.select-input{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;padding:.55rem .75rem}@media (width<=720px){.settings-grid{flex-direction:column}}.checkout-panel{background:linear-gradient(#fffffffa,#f6f8fff5);border:1px solid #2563eb24;border-radius:1.25rem;margin-top:1.5rem;padding:1.75rem;box-shadow:0 22px 50px #0f172a1a}.checkout-panel h3{color:var(--text-primary);letter-spacing:.02em;margin-bottom:1rem}.cart-container{gap:1.25rem;display:grid}.cart-table{border-radius:1rem;overflow:hidden}.cart-table th,.cart-table td{border-color:#e2e8f0e6}.cart-table th{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;background:#2563eb14;font-size:.9rem}.cart-table tbody tr:hover{background:#2563eb0f}.cart-summary{background:var(--card-bg);border:1px solid #2563eb1f;border-radius:1.15rem;margin-top:1rem;padding:1.25rem 1.5rem;box-shadow:0 14px 30px #0f172a14}.cart-summary p{color:var(--text-primary);margin:0;font-size:1.1rem}.cart-summary strong{font-size:1.4rem}.cart-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;margin-top:1rem;display:grid}.cart-actions .btn-primary,.cart-actions .btn-secondary,.cart-actions .btn-danger{min-width:0}.form-row label{color:var(--text-primary);margin-bottom:.5rem;font-weight:700;display:block}.form-row input,.form-row textarea,.form-row select{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid #e2e8f0f2;border-radius:1rem;padding:.95rem 1rem;transition:border-color .2s,box-shadow .2s}.form-row textarea{resize:vertical;min-height:120px}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#2563eb8c;box-shadow:0 0 0 5px #2563eb17}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=720px){.two-col{grid-template-columns:1fr}}.form-actions{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.85rem;margin-top:1.35rem;display:grid}.form-actions .btn-primary,.form-actions .btn-secondary,.form-actions .btn-danger{min-width:0}.btn-primary,.btn-secondary,.btn-danger{border-radius:.95rem;padding:.95rem 1.2rem;font-weight:700;box-shadow:0 8px 24px #0f172a14}.btn-primary:hover{background:#1d4ed8;box-shadow:0 12px 28px #2563eb38}.btn-secondary{color:var(--primary);background:#2563eb1a}.btn-secondary:hover{background:#2563eb2e}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.checkout-panel .btn-primary{width:100%}.metric-blue .metric-icon{background:#2563eb}.metric-pink .metric-icon{background:#db2777}.metric-emerald .metric-icon{background:#059669}.metric-amber .metric-icon{background:#d97706}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.chart-shell{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.875rem;padding:1.25rem}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.chart-header h2{font-size:1rem}.pie-placeholder{background:conic-gradient(#2563eb 0 42%, #10b981 42% 63%, #f59e0b 63% 82%, #ef4444 82% 100%);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 1rem;display:flex}.pie-center{background:var(--card-bg);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;font-weight:800;display:flex}.legend-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.legend-row span{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.legend-row i{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-select{background:#2563eb}.legend-insert{background:#10b981}.legend-update{background:#f59e0b}.legend-delete{background:#ef4444}.bar-placeholder{background:linear-gradient(#2563eb14,#10b98114);border-radius:.75rem;align-items:end;gap:.75rem;height:220px;padding:1rem;display:flex}.bar-placeholder span{background:linear-gradient(#2563eb,#10b981);border-radius:999px 999px 0 0;flex:1;min-width:18px}.chart-caption{color:var(--text-secondary);margin-top:1rem;font-size:.85rem}@media (width<=768px){.page-header,.page-actions,.security-banner{flex-direction:column;align-items:stretch}.audit-summary{grid-template-columns:auto 1fr auto}.audit-time{display:none}.payload-block{padding-left:1.25rem}.dashboard-content{grid-template-columns:1fr}}.image-preview{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;margin-top:1rem;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:250px;display:block}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000029}.product-info h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.register-page-container{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.register-bg-glow{pointer-events:none;background:radial-gradient(#22d3ee14,#0000 70%);position:absolute;inset:0}.register-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:520px;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.register-back-btn{color:#94a3b8;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;transition:color .2s;display:flex}.register-back-btn:hover{color:#22d3ee}.register-header{text-align:center;margin-bottom:1.5rem}.register-icon-box{background:linear-gradient(135deg,#06b6d4,#2563eb);border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;display:flex;box-shadow:0 0 20px #22d3ee40}.register-icon-emoji{color:#fff}.register-card .register-title{color:#f1f5f9;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.register-sub{color:#94a3b8;font-size:.875rem}.register-error-banner{color:#fecaca;text-align:center;background:#7f1d1d66;border:1px solid #ef44444d;border-radius:.75rem;margin-bottom:1rem;padding:.75rem;font-size:.75rem}.register-form-root{flex-direction:column;gap:1.25rem;display:flex}.register-grid-2col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=500px){.register-grid-2col{grid-template-columns:1fr}}.register-field-group{flex-direction:column;gap:.35rem;display:flex}.register-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.register-input-wrap{position:relative}.register-input-icon{color:#64748b;pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.register-card .register-input{color:#e2e8f0;background:#0f172a99;border:1px solid #334155;border-radius:.75rem;outline:none;width:100%;padding:.625rem .75rem .625rem 2.25rem;font-size:.825rem;transition:border-color .2s,box-shadow .2s}.register-card .register-input::placeholder{color:#64748b}.register-card .register-input:focus{border-color:#06b6d480;box-shadow:0 0 0 3px #22d3ee1a}.register-upload-zone{cursor:pointer}.register-hidden-input{display:none}.register-upload-placeholder{text-align:center;border:2px dashed #334155b3;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:border-color .2s;display:flex}.register-upload-placeholder:hover{border-color:#22d3ee4d}.register-upload-circle{color:#94a3b8;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.register-card .register-upload-text{color:#94a3b8;font-size:.875rem}.register-card .register-upload-hint{color:#64748b;font-size:.75rem}.register-preview-wrap{display:inline-block;position:relative}.register-card .register-preview-img{object-fit:cover;border-radius:.5rem;width:6rem;height:6rem}.register-card .register-remove-btn{color:#fff;background:#ef4444cc;border-radius:50%;padding:.25rem;transition:background .2s;position:absolute;top:-.5rem;right:-.5rem}.register-card .register-remove-btn:hover{background:#ef4444}.register-submit-btn{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(90deg,#06b6d4,#2563eb);border-radius:.75rem;width:100%;padding:.75rem;font-size:.825rem;font-weight:700;transition:all .3s;box-shadow:0 0 20px #22d3ee33}.register-submit-btn:hover:not(:disabled){box-shadow:0 0 30px #22d3ee66}.register-submit-btn:disabled{opacity:.5;cursor:not-allowed}.register-footer-text{text-align:center;color:#94a3b8;border-top:1px solid #ffffff0d;padding-top:1rem;font-size:.8125rem}.register-login-link{color:#22d3ee;font-weight:600;transition:color .2s}.register-login-link:hover{color:#06b6d4}.settings-page{max-width:48rem;margin:0 auto}.settings-page-header{margin-bottom:2rem}.settings-page-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.settings-page-sub{color:var(--text-secondary);font-size:.875rem}.settings-cards-list{flex-direction:column;gap:1rem;display:flex}.settings-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1rem;padding:1.5rem;transition:border-color .3s,box-shadow .3s}.settings-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.settings-card-body{align-items:flex-start;gap:1rem;display:flex}.settings-card-icon{background:linear-gradient(135deg,#06b6d4,#2563eb);border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;display:flex;box-shadow:0 0 12px #22d3ee33}.settings-card-icon-svg{color:#fff}.settings-card-content{flex:1;min-width:0}.settings-card-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.settings-card-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.75rem}.settings-row{justify-content:space-between;align-items:center;display:flex}.settings-row-label{color:var(--text-primary);font-size:.875rem}.settings-toggle{cursor:pointer;background:#33415599;border:none;border-radius:9999px;align-items:center;width:2.75rem;height:1.5rem;transition:all .3s;display:inline-flex;position:relative}.settings-toggle-on{background:#06b6d4;box-shadow:0 0 10px #22d3ee66}.settings-toggle-knob{background:#fff;border-radius:50%;width:1rem;height:1rem;transition:all .3s;display:inline-block;transform:translate(.25rem)}.settings-toggle-knob-on{transform:translate(1.5rem)}.settings-select-group{flex-direction:column;gap:.35rem;display:flex}.settings-select-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.settings-select-wrap{position:relative}.settings-select{appearance:none;color:#e2e8f0;cursor:pointer;background:#0f172a99;border:1px solid #334155b3;border-radius:.75rem;outline:none;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.settings-select:focus{border-color:#06b6d480;box-shadow:0 0 0 3px #22d3ee1a}.settings-select-arrow{pointer-events:none;color:#64748b;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.settings-select-arrow-svg{width:1rem;height:1rem}.settings-footer{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:.75rem;margin-top:2rem;padding:1rem}.settings-footer-text{color:#64748b;font-size:.75rem}body{letter-spacing:0;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button,.btn-primary,.btn-secondary,.btn-danger,.btn-sm,.nav-item,.nav-btn,.collapse-btn,.profile-btn,.product-card,.stat-card,.card,.metric-card,.audit-summary,.table tr{transition:all .25s cubic-bezier(.4,0,.2,1)}.main-content{padding:2rem}.page h1{margin-bottom:1.25rem}.table th,.table td,.products-table th,.products-table td{padding:14px 18px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 20px #2563eb2e}.nav-item:hover{transform:translate(3px)}.audit-console,.payload-block{scrollbar-color:#475569 #0f172a;scrollbar-width:thin}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast-notification{color:#fff;border-left:4px solid var(--success);pointer-events:auto;background:#1e293b;border-radius:8px;align-items:center;gap:12px;min-width:300px;padding:12px 20px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideInToast;display:flex;position:relative;transform:translate(150%);box-shadow:0 10px 25px #00000040}.toast-notification.show{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideInToast}.toast-notification.toast-success{border-left-color:var(--success);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.toast-notification.toast-error{border-left-color:var(--error);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.toast-notification.toast-info{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-left-color:#3b82f6}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-notification.toast-success .toast-icon{color:var(--success)}.toast-notification.toast-error .toast-icon{color:var(--error)}.toast-notification.toast-info .toast-icon{color:#3b82f6}.toast-message{font-size:.95rem;font-weight:500}@keyframes slideInToast{0%{opacity:0;transform:translate(150%)}to{opacity:1;transform:translate(0)}}.filters-section{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input,.filter-select{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.search-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #eb25e11a}.search-input{flex:1;min-width:250px}.filter-select{min-width:150px}.no-results{text-align:center;color:var(--text-secondary);padding:3rem 1.5rem}.no-results-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.no-results-text{margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.no-results-sub{color:var(--text-secondary);font-size:.95rem}.sync-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.sync-btn:hover{background:#d91ec9;transform:translateY(-2px);box-shadow:0 8px 16px #eb25e14d}.sync-btn:active{transform:translateY(0)}.sync-btn.syncing{opacity:.8;pointer-events:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.5}}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.border-white\/10{border-color:#ffffff1a}.border-white\/5{border-color:#ffffff0d}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-slate-900\/60{background-color:#11182799}.text-cyan-300{color:#06b6d4}.text-gray-300{color:#d1d5e0}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.text-red-600{color:#dc2626}.text-green-500{color:#22c55e}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.bg-gradient-to-br{background:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-cyan-500{--tw-gradient-stops:#06b6d4}.to-blue-600{--tw-gradient-stops:var(--tw-gradient-stops), #2563eb}.from-blue-600{--tw-gradient-stops:#2563eb}.to-purple-600{--tw-gradient-stops:var(--tw-gradient-stops), #7c3aed}.duration-500{transition-duration:.5s}.transition-transform{transition-property:transform}.transform{transform:translateZ(0)}.shadow-cyan-glow{box-shadow:0 0 8px #22d3ee80}.drop-shadow-cyan-glow{filter:drop-shadow(0 0 8px #22d3ee80)}.rounded-xl{border-radius:.75rem}.rounded-3xl{border-radius:1.5rem}.fixed{position:fixed}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-2{margin-bottom:.5rem}.mr-4{margin-right:1rem}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.blur-3xl{filter:blur(64px)}.blur-xl{filter:blur(20px)}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (width>=768px){.md\\:flex{display:flex}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.md\\:hidden{display:none}}@media (width<=1024px){.lg\\:hidden{display:none}.lg\\:flex{display:flex}}.h-10{height:2.5rem}.w-10{width:2.5rem}.h-12{height:3rem}.w-12{width:3rem}.h-16{height:4rem}.w-16{width:4rem}.h-8{height:2rem}.w-8{width:2rem}.min-w-10{min-width:2.5rem}.scale-105{transform:scale(1.05)}.active\\:scale-98:active{transform:scale(.98)}.min-h-screen{min-height:100vh}.bg-slate-950{background-color:#0f172a}.text-slate-950{color:#0f172a}.text-slate-100{color:#f1f5f9}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-600{color:#64748b}.text-cyan-400{color:#22d3ee}.text-cyan-500{color:#06b6d4}.text-cyan-600{color:#0891b2}.text-red-200{color:#fecaca}.text-red-500{color:#ef4444}.bg-slate-900{background-color:#1e293b}.bg-slate-900-80{background-color:#1e293bcc}.bg-slate-900-60{background-color:#1e293b99}.bg-slate-950-60{background-color:#0f172a99}.border-slate-700-70{border-color:#334155b3}.border-slate-700-80{border-color:#334155cc}.border-cyan-500-50{border-color:#06b6d480}.border-cyan-500-20{border-color:#06b6d433}.border-cyan-500-30{border-color:#06b6d44d}.border-white-10{border-color:#ffffff1a}.border-red-500-30{border-color:#ef44444d}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.rounded-2xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.z-0{z-index:0}.z-10{z-index:10}.w-full{width:100%}.h-full{height:100%}.max-w-6xl{max-width:72rem}.max-w-4xl{max-width:56rem}.max-w-2xl{max-width:48rem}.max-w-400px{max-width:400px}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.min-h-70vh{min-height:70vh}.text-left{text-align:left}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}@media (width>=768px){.md\\:text-6xl{font-size:3.75rem}.md\\:text-left{text-align:left}.md\\:text-center{text-align:center}.md\\:text-right{text-align:right}.md\\:flex-row{flex-direction:row}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=768px){.md\\:text-6xl{font-size:2.25rem}}.register-page{background:linear-gradient(135deg,#0a0a12 0%,#1a0a2e 50%,#0a0a12 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.register-page:before{content:"";pointer-events:none;background:radial-gradient(#60a5fa26,#0000 70%);position:absolute;inset:0}.register-container{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1e293bb3;border:1px solid #334155cc;border-radius:1.5rem;width:100%;max-width:420px;margin:0 1rem;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.register-title{color:#f1f5f9;text-align:center;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.register-subtitle{color:#94a3b8;text-align:center;margin-bottom:1.5rem;font-size:.875rem}.register-error{color:#fecaca;text-align:center;background:#7f1d1d66;border:1px solid #ef44444d;border-radius:.75rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.register-form{flex-direction:column;gap:1.25rem;display:flex}.register-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.register-grid{grid-template-columns:1fr}}.register-field{flex-direction:column;display:flex}.register-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.register-input-wrapper{position:relative}.register-icon{color:#64748b;pointer-events:none;font-size:.875rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.register-input{color:#f1f5f9;background:#0f172a99;border:1px solid #334155;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.register-input:focus{border-color:#06b6d4;box-shadow:0 0 0 1px #06b6d44d}.register-button{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:linear-gradient(90deg,#0891b2,#06b6d4);border:none;border-radius:.75rem;width:100%;padding:.875rem;font-size:.875rem;font-weight:700;transition:all .3s;box-shadow:0 0 20px #22d3ee33}.register-button:hover:not(:disabled){background:linear-gradient(90deg,#06b6d4,#22d3ee);box-shadow:0 0 25px #22d3ee66}.register-button:disabled{opacity:.5;cursor:not-allowed}.register-footer{text-align:center;color:#94a3b8;margin-top:1rem;font-size:.875rem}.register-link{color:#22d3ee;font-weight:600;text-decoration:none}.register-link:hover{text-decoration:underline}.register-upload{text-align:center;cursor:pointer;background:#0f172a4d;border:2px dashed #334155;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:border-color .2s;display:flex}.register-upload:hover{border-color:#06b6d499}.register-upload-icon{color:#64748b;background:#0f172a80;border:2px dashed #334155;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;font-size:1.5rem;display:flex}.register-upload-text{color:#94a3b8;margin-bottom:.25rem;font-size:.875rem}.register-upload-hint{color:#64748b;font-size:.75rem}.register-preview-img{object-fit:cover;border:2px solid #06b6d466;border-radius:50%;width:80px;height:80px}.register-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background .2s;display:flex;position:absolute;top:-.25rem;right:-.25rem}.register-remove-btn:hover{background:#dc2626}.cart-page{width:100%}.cart-page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.cart-page-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.cart-empty{text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;max-width:400px;margin:2rem auto;padding:4rem 2rem}.cart-empty-icon{background:var(--hover-bg);width:4rem;height:4rem;color:var(--text-secondary);border-radius:1rem;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.cart-empty h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.cart-empty p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.cart-layout{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.cart-layout{grid-template-columns:1fr}}.cart-items-list{flex-direction:column;gap:1rem;display:flex}.cart-item-card{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;gap:1rem;padding:1rem;transition:border-color .2s,box-shadow .2s;display:flex}.cart-item-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.cart-item-card-image{background:var(--hover-bg);border-radius:.75rem;width:90px;min-width:90px;height:90px;overflow:hidden}.cart-item-card-image img{object-fit:cover;width:100%;height:100%}.cart-item-card-placeholder{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.cart-item-card-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.cart-item-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.cart-item-card-header h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.cart-item-card-price{color:var(--primary);white-space:nowrap;font-size:1rem;font-weight:700}.cart-item-card-meta{gap:.5rem;display:flex}.cart-item-card-unit{color:var(--text-secondary);font-size:.8rem}.cart-item-card-actions{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.cart-item-card-qty{border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:0;display:flex;overflow:hidden}.cart-qty-btn{background:var(--hover-bg);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.cart-qty-btn:hover:not(:disabled){background:var(--primary);color:#fff}.cart-qty-btn:disabled{opacity:.4;cursor:not-allowed}.cart-qty-value{text-align:center;width:2.5rem;color:var(--text-primary);background:var(--bg-secondary);justify-content:center;align-items:center;height:2rem;font-size:.875rem;font-weight:600;display:flex}.cart-remove-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.4rem;transition:all .15s}.cart-remove-btn:hover{color:var(--error);background:#ef44441a}.cart-continue-link{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;transition:color .2s;display:inline-flex}.cart-continue-link:hover{color:var(--primary)}.cart-summary-col{position:sticky;top:6rem}.cart-summary-card{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;margin-bottom:1rem;padding:1.5rem}.cart-summary-card h3{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.125rem;font-weight:700}.cart-summary-rows{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.cart-summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.cart-summary-free{color:var(--success);font-weight:600}.cart-summary-divider{background:var(--border);height:1px;margin:.25rem 0}.cart-summary-total{color:var(--text-primary);font-size:1.1rem;font-weight:700}.cart-checkout-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.95rem;display:flex}.cart-summary-footer{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;display:flex}.cart-summary-shipping{padding:1rem}.cart-summary-ship-row{color:var(--text-secondary);align-items:flex-start;gap:.75rem;display:flex}.cart-summary-ship-row strong{color:var(--text-primary);margin-bottom:.15rem;font-size:.85rem;display:block}.cart-summary-ship-row p{font-size:.75rem}.checkout-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.checkout-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:1.25rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #0000004d}.checkout-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.checkout-modal-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:700}.checkout-modal-close{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.checkout-modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.checkout-modal-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.checkout-section h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem;font-weight:700}.form-input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:.75rem;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-row{margin-bottom:.75rem}.form-row-duo{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=500px){.form-row-duo{grid-template-columns:1fr}}.checkout-modal-total{border-top:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding-top:1rem;font-size:1.1rem;display:flex}.checkout-modal-total strong{color:var(--primary);font-size:1.25rem}.checkout-submit{width:100%;padding:.85rem}.dashboard-greeting{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-greeting h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.dashboard-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:3rem;height:3rem}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.dashboard-stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.dashboard-stat-icon{width:3rem;min-width:3rem;height:3rem;color:var(--primary);background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.dashboard-stat-body{flex-direction:column;gap:.1rem;display:flex}.dashboard-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.dashboard-stat-label{color:var(--text-secondary);font-size:.8rem}.dashboard-stat-desc{color:var(--text-secondary);opacity:.7;font-size:.7rem}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.analytics-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.analytics-stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.analytics-stat-icon{border-radius:.7rem;justify-content:center;align-items:center;width:2.6rem;min-width:2.6rem;height:2.6rem;display:flex}.analytics-stat-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.analytics-stat-value{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.2}.analytics-stat-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.dashboard-card{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;transition:border-color .2s,box-shadow .2s;overflow:hidden}.dashboard-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.dashboard-card-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.dashboard-card-header h3{color:var(--text-primary);font-size:.95rem;font-weight:700}.dashboard-card-body{padding:1.25rem}.dashboard-quick-links{flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.dashboard-quick-link{color:var(--text-primary);border-radius:.75rem;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.9rem;transition:all .15s;display:flex}.dashboard-quick-link:hover{background:var(--hover-bg);color:var(--primary)}.dashboard-quick-link-icon{background:var(--hover-bg);width:2rem;height:2rem;color:var(--text-secondary);border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.dashboard-quick-link:hover .dashboard-quick-link-icon{color:var(--primary);background:#2563eb1a}.dashboard-empty-text{color:var(--text-secondary);font-size:.875rem}.dashboard-tags{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-tag{background:var(--hover-bg);color:var(--text-primary);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.825rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--hover-bg);color:var(--text-primary)}.btn-ghost-danger:hover{color:var(--error);background:#ef44441a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page,.cart-page,.dashboard-page,.settings-page,.product-form,.products-dashboard{animation:.35s ease-out fadeInUp}.table tr,.cart-item-card,.dashboard-stat-card,.dashboard-card,.product-card,.settings-card{animation:.35s ease-out both fadeInUp}.cart-item-card:first-child,.product-card:first-child,.dashboard-stat-card:first-child{animation-delay:20ms}.cart-item-card:nth-child(2),.product-card:nth-child(2),.dashboard-stat-card:nth-child(2){animation-delay:60ms}.cart-item-card:nth-child(3),.product-card:nth-child(3),.dashboard-stat-card:nth-child(3){animation-delay:.1s}.cart-item-card:nth-child(n+4),.product-card:nth-child(n+4),.dashboard-stat-card:nth-child(n+4){animation-delay:.14s}.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 4px 15px #0000000d}.product-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.product-image{object-fit:cover;background:var(--hover-bg);width:100%;height:200px}.product-info{padding:1.15rem 1.25rem}.product-info h3{color:var(--text-primary);margin-bottom:.4rem;font-size:1rem;font-weight:700}.product-category{color:var(--primary);background:#2563eb14;border-radius:999px;margin-bottom:.5rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.product-price{color:var(--primary);margin-top:.35rem;font-size:1.25rem;font-weight:800}.product-actions{gap:.5rem;margin-top:.75rem;display:flex}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.table th,.products-table th{background:var(--hover-bg);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;font-size:.75rem;font-weight:600}.table td,.products-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.85rem 1rem;font-size:.9rem}.table tr:hover,.products-table tbody tr:hover{background:var(--hover-bg)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66}.modal{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;box-shadow:0 25px 60px #00000040}.modal-header h2{color:var(--text-primary)}.modal-close{color:var(--text-secondary)}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%}[data-theme=dark] .live-indicator,[data-theme=dark] .security-status,[data-theme=dark] .security-pill-success{color:#34d399;background:#10b98126}[data-theme=dark] .role-admin{color:#f87171;background:#ef444426}[data-theme=dark] .role-user{color:#60a5fa;background:#3b82f626}[data-theme=dark] .role-support{color:#4ade80;background:#22c55e26}[data-theme=dark] .role-client{color:#fbbf24;background:#fbbf2426}[data-theme=dark] .role-warehouse{color:#c084fc;background:#a855f726}[data-theme=dark] .security-banner{background:linear-gradient(135deg,#10b98114,#3b82f614);border-color:#3b82f633}[data-theme=dark] .security-banner h2{color:var(--text-primary)}[data-theme=dark] .security-banner p{color:var(--text-secondary)}.status-badge{border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-pending{color:#f59e0b;background:#f59e0b1f}.badge-confirmed{color:#60a5fa;background:#3b82f61f}.badge-shipped{color:#a78bfa;background:#8b5cf61f}.badge-delivered{color:#34d399;background:#10b9811f}.badge-cancelled{color:#f87171;background:#ef44441f}.order-detail-page .page-header{margin-bottom:1.5rem}.order-detail-grid{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.order-detail-grid{grid-template-columns:1fr}}.order-detail-sidebar{flex-direction:column;gap:1rem;display:flex}.order-items-table-wrap{padding:0 1.25rem 1.25rem;overflow-x:auto}.order-info-list{color:var(--text-secondary);flex-direction:column;gap:.35rem;margin-top:.75rem;font-size:.875rem;display:flex}.order-info-list strong{color:var(--text-primary)}.empty-state-icon{color:var(--text-secondary);opacity:.4;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.empty-state .btn-primary{display:inline-flex}.profile-page{max-width:640px}.profile-form{flex-direction:column;gap:1rem;display:flex}.profile-avatar-section{align-items:center;gap:1rem;margin-top:.75rem;display:flex}.profile-avatar-label{cursor:pointer;border-radius:50%;flex-shrink:0;width:5rem;height:5rem;position:relative;overflow:hidden}.profile-avatar-img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:100%;height:100%}.profile-avatar-initials{background:var(--primary);color:#fff;border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:1.5rem;font-weight:700;display:flex}.profile-avatar-overlay{color:#fff;opacity:0;background:#0006;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-label:hover .profile-avatar-overlay{opacity:1}.profile-avatar-input{display:none}.profile-fields{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.profile-actions{justify-content:flex-end;display:flex}.password-strength{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.password-strength-bar{background:var(--hover-bg);border-radius:2px;flex:1;height:4px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.password-strength-weak{background:#ef4444}.password-strength-fair{background:#f59e0b}.password-strength-strong{background:#10b981}.password-strength-label{color:var(--text-secondary);white-space:nowrap;font-size:.7rem;font-weight:600}.password-requirements{flex-wrap:wrap;gap:.3rem .6rem;margin-top:.4rem;display:flex}.password-req{color:var(--text-secondary);font-size:.7rem;transition:color .2s}.password-req:before{content:"○ "}.password-req-met{color:var(--success)}.password-req-met:before{content:"● "}.enterprise-panel{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1rem;overflow:hidden}.enterprise-panel .table{border:none;margin:0}.enterprise-panel .table th{background:var(--hover-bg)}.enterprise-panel .table td,.enterprise-panel .table th{padding:.75rem 1rem}.table tbody tr:last-child td{border-bottom:none}.table tfoot th{background:var(--hover-bg);padding:.85rem 1rem;font-size:1rem}.table tfoot th:last-child{color:var(--primary);font-weight:700}.datatable-enterprise{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.875rem;overflow:hidden}.datatable-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.datatable-search{flex:1;min-width:200px;max-width:320px;position:relative}.datatable-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.datatable-search-input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.55rem .75rem .55rem 2rem;font-size:.875rem;transition:border-color .2s}.datatable-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.datatable-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.datatable-search-clear:hover{color:var(--text-primary)}.datatable-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.datatable-filter-group{align-items:center;display:flex;position:relative}.datatable-filter-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:.6rem}.datatable-filter-input{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:.4rem;max-width:140px;padding:.5rem .65rem .5rem 1.75rem;font-size:.8rem;transition:border-color .2s}.datatable-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb1a}.datatable-table-wrap{overflow-x:auto}.datatable-table{border-collapse:collapse;width:100%}.datatable-th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--hover-bg);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.datatable-th-sortable{cursor:pointer;transition:color .15s}.datatable-th-sortable:hover,.datatable-th-active{color:var(--primary)}.datatable-th-content{align-items:center;gap:.35rem;display:inline-flex}.datatable-sort-icon{opacity:.5;align-items:center;display:inline-flex}.datatable-th-active .datatable-sort-icon{opacity:1}.datatable-td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:.7rem 1rem;font-size:.875rem}.datatable-row:last-child .datatable-td{border-bottom:none}.datatable-row:hover{background:var(--hover-bg)}.datatable-empty{text-align:center;color:var(--text-secondary);padding:3rem 1.5rem;font-size:.9rem}.datatable-error{color:var(--error);border-bottom:1px solid var(--border);background:#ef44440f;padding:1rem;font-size:.875rem}.datatable-loading{padding:1rem}.datatable-skeleton-row{border-bottom:1px solid var(--border);gap:1rem;padding:.85rem 1rem;display:flex}.datatable-skeleton-row:last-child{border-bottom:none}.datatable-skeleton-cell{background:var(--hover-bg);border-radius:.25rem;flex:1;height:1rem;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}.datatable-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.datatable-pagination-info{align-items:center;gap:.75rem;display:flex}.datatable-pagination-text{color:var(--text-secondary);white-space:nowrap;font-size:.8rem}.datatable-page-size-select{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:.4rem;padding:.35rem .5rem;font-size:.8rem}.datatable-pagination-controls{align-items:center;gap:.25rem;display:flex}.datatable-page-btn{border:1px solid var(--border);background:var(--bg-secondary);min-width:2rem;height:2rem;color:var(--text-primary);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;padding:0 .4rem;font-size:.8rem;transition:all .15s;display:inline-flex}.datatable-page-btn:hover:not(:disabled):not(.datatable-page-btn-active){background:var(--hover-bg);border-color:var(--primary)}.datatable-page-btn:disabled{opacity:.4;cursor:not-allowed}.datatable-page-btn-active{background:var(--primary);color:#fff;border-color:var(--primary)}.datatable-page-ellipsis{color:var(--text-secondary);padding:0 .25rem;font-size:.8rem}.datatable-type-badge{border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.dashboard-enterprise{width:100%}.dashboard-widgets{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-widget{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:.875rem;align-items:center;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.dashboard-widget:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.widget-icon{color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;min-width:3rem;height:3rem;display:flex}.widget-blue .widget-icon{background:#2563eb}.widget-emerald .widget-icon{background:#059669}.widget-red .widget-icon{background:#dc2626}.widget-body{flex-direction:column;gap:.1rem;display:flex}.widget-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.widget-label{color:var(--text-secondary);font-size:.8rem}.dashboard-enterprise-grid{grid-template-columns:1fr 320px;align-items:start;gap:1.25rem;display:grid}@media (width<=900px){.dashboard-enterprise-grid{grid-template-columns:1fr}}.dashboard-enterprise-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.875rem;transition:border-color .2s,box-shadow .2s;overflow:hidden}.dashboard-enterprise-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.dashboard-enterprise-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dashboard-enterprise-card-header h3{color:var(--text-primary);align-items:center;font-size:.95rem;font-weight:700;display:flex}.dashboard-enterprise-card-body{padding:1.25rem}.dashboard-badge-danger{color:var(--error);background:#ef44441f;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.stock-alerts-table{border-collapse:collapse;width:100%}.stock-alerts-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:.65rem .5rem;font-size:.7rem;font-weight:700}.stock-alerts-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.6rem .5rem;font-size:.85rem}.stock-alerts-table tr:last-child td{border-bottom:none}.stock-alert-row:hover{background:var(--hover-bg)}.stock-alert-link{color:var(--primary);font-weight:600;transition:color .15s}.stock-alert-link:hover{text-decoration:underline}.stock-alert-qty{color:var(--error);font-weight:700}.stock-badge{border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.stock-low{color:#f59e0b;background:#f59e0b1f}.stock-out{color:var(--error);background:#ef44441f}.skeleton-card{background:var(--card-bg);border:1px solid var(--border);border-radius:.875rem;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}[data-theme=dark] .skeleton-card{background:var(--card-bg)}[data-theme=dark] .datatable-enterprise,[data-theme=dark] .dashboard-widget,[data-theme=dark] .dashboard-enterprise-card{border-color:var(--border)}.topbar{color:#555;background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;height:36px;font-size:12px;display:flex}[data-theme=dark] .topbar{color:#aaa;background:#1a1a2e;border-bottom-color:#2a2a3e}.topbar-container{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:100%;padding:0 16px;display:flex}.topbar-left{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.topbar-icon{color:#2563eb;flex-shrink:0;font-size:11px}.topbar-address{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-address-short{display:none}.topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-follow{color:#777;text-transform:uppercase;letter-spacing:.3px;font-size:11px}.topbar-social{color:#555;background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;text-decoration:none;transition:all .2s;display:flex}.topbar-social:hover{color:#fff;background:#2563eb}@media (width<=768px){.topbar{height:32px;font-size:10px}.topbar-container{padding:0 10px}.topbar-address{display:none}.topbar-address-short{white-space:nowrap;text-overflow:ellipsis;display:inline;overflow:hidden}.topbar-follow{display:none}}.warranty-item{border:1px solid var(--border);background:#0f172a08;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.warranty-item-info{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.warranty-item-img{object-fit:cover;border:1px solid var(--border);border-radius:.375rem;width:48px;height:48px}.warranty-item-info>div{flex-direction:column;gap:.15rem;display:flex}.warranty-item-info strong{color:var(--text-primary);font-size:.85rem}.warranty-item-price{color:var(--text-secondary);font-size:.8rem}.warranty-plans{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.warranty-plan-card{border:2px solid var(--border);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);text-align:center;border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .4rem;font-size:.75rem;transition:all .2s;display:flex;position:relative}.warranty-plan-card:hover{border-color:var(--primary);background:#2563eb0a}.warranty-plan-selected{color:var(--primary);border-color:var(--primary)!important;background:#2563eb14!important}.warranty-plan-icon{color:var(--primary);opacity:.6}.warranty-plan-selected .warranty-plan-icon{opacity:1}.warranty-plan-label{font-size:.7rem;font-weight:600}.warranty-plan-price{color:var(--text-primary);font-size:.8rem;font-weight:700}.warranty-plan-badge{text-transform:uppercase;letter-spacing:.03em;color:#d97706;background:#fbbf2426;border-radius:999px;padding:.1rem .35rem;font-size:.6rem;font-weight:700}.warranty-plan-check{color:var(--primary);position:absolute;top:3px;right:3px}.checkout-modal-total-row{color:var(--text-secondary);justify-content:space-between;padding:.3rem 0;font-size:.85rem;display:flex}.checkout-modal-total-final{border-top:1px solid var(--border);color:var(--text-primary);margin-top:.3rem;padding-top:.6rem;font-size:1rem}@media (width<=600px){.warranty-plans{grid-template-columns:repeat(2,1fr)}}.sla-hero{border:1px solid var(--border);background:linear-gradient(135deg,#0a1628 0%,#0f1f3a 50%,#162544 100%);border-radius:1rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.sla-hero-bg{pointer-events:none;background:radial-gradient(60% 60% at 20% 80%,#2563eb14 0%,#0000 60%),radial-gradient(50% 50% at 80% 20%,#6366f10f 0%,#0000 50%),radial-gradient(40% 40%,#2563eb08 0%,#0000 50%);position:absolute;inset:0}.sla-hero-content{z-index:1;padding:2.5rem 2.5rem 2rem;position:relative}.sla-hero-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:#2563eb26;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.sla-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .6rem;font-size:2rem;font-weight:800;line-height:1.2}.sla-hero-desc{color:var(--text-secondary);max-width:600px;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.sla-hero-contacts{flex-wrap:wrap;gap:1.5rem;display:flex}.sla-hero-contact{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.sla-hero-contact svg{color:var(--primary)}.sla-hero-contact a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.sla-hero-contact a:hover{color:var(--primary)}.sla-stats{margin-bottom:1.5rem}.sla-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=1100px){.sla-layout{grid-template-columns:1fr}}.sla-section-header{align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.sla-section-header svg{color:var(--primary)}.sla-section-header h2{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.sla-form-section{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.sla-form{flex-direction:column;gap:1rem;display:flex}.sla-form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.sla-form-grid-2{grid-template-columns:1fr}}.sla-form .form-group label{color:var(--text-primary);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.sla-form .form-group input,.sla-form .form-group textarea,.sla-form .form-group select{width:100%}.sla-type-cards{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}@media (width<=600px){.sla-type-cards{grid-template-columns:repeat(2,1fr)}}.sla-type-card{border:2px solid var(--border);background:var(--card-bg);cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;transition:all .2s;display:flex}.sla-type-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);background:#2563eb08;transform:translateY(-2px)}.sla-type-card-active{border-color:var(--primary)!important;background:#2563eb14!important;box-shadow:0 0 0 3px #2563eb1f!important}.sla-type-card-icon{width:44px;height:44px;color:var(--primary);background:#2563eb14;border-radius:.625rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.sla-type-card-active .sla-type-card-icon{background:var(--primary);color:#fff}.sla-type-card-label{color:var(--text-primary);text-align:center;font-size:.75rem;font-weight:600;line-height:1.2}.sla-priority-group{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}@media (width<=600px){.sla-priority-group{grid-template-columns:repeat(2,1fr)}}.sla-priority-btn{border:2px solid var(--border);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .3rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.sla-priority-btn:hover{border-color:var(--primary);background:#2563eb0a}.sla-priority-btn-active{color:var(--text-primary)!important;background:#2563eb14!important}.sla-submit{align-self:flex-start;align-items:center;gap:.5rem;margin-top:.25rem;display:inline-flex}.sla-history-section{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.sla-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.sla-search{flex:1;min-width:180px;position:relative}.sla-search svg{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.sla-search input{border:1px solid var(--border);background:var(--hover-bg);width:100%;color:var(--text-primary);border-radius:.5rem;outline:none;padding:.5rem 2rem;font-size:.85rem;transition:border-color .2s}.sla-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.sla-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;padding:.2rem;display:flex;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.sla-search-clear:hover{background:var(--hover-bg);color:var(--text-primary)}.sla-select{border:1px solid var(--border);background:var(--hover-bg);color:var(--text-primary);cursor:pointer;border-radius:.5rem;outline:none;padding:.5rem .7rem;font-size:.8rem;transition:border-color .2s}.sla-select:focus{border-color:var(--primary)}.sla-table-wrap{border:1px solid var(--border);border-radius:.75rem;overflow-x:auto}.sla-table{border-collapse:collapse;width:100%}.sla-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--hover-bg);border-bottom:1px solid var(--border);white-space:nowrap;padding:.7rem .85rem;font-size:.7rem;font-weight:700}.sla-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:.65rem .85rem;font-size:.85rem}.sla-table tbody tr:last-child td{border-bottom:none}.sla-table tbody tr:hover{background:#2563eb05}.sla-folio{color:var(--primary);font-family:monospace;font-size:.85rem;font-weight:700}.sla-folio-lg{font-size:1.05rem}.sla-cell-date{color:var(--text-secondary);white-space:nowrap;font-size:.8rem}.sla-cell-subject{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.sla-type-pill{color:var(--primary);background:#2563eb14;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.sla-priority-pill{align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;display:inline-flex}.sla-status-badge{border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.sla-status-badge-lg{padding:.3rem .8rem;font-size:.8rem}.sla-view-btn{border:1px solid var(--border);background:var(--card-bg);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.sla-view-btn:hover{border-color:var(--primary);color:var(--primary);background:#2563eb0d}.sla-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem 0 0;display:flex}.sla-pagination-info{color:var(--text-secondary);font-size:.8rem}.sla-pagination-controls{align-items:center;gap:.25rem;display:flex}.sla-page-btn{border:1px solid var(--border);background:var(--card-bg);min-width:2rem;height:2rem;color:var(--text-primary);cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;padding:0 .35rem;font-size:.8rem;transition:all .15s;display:inline-flex}.sla-page-btn:hover:not(:disabled):not(.sla-page-btn-active){background:var(--hover-bg);border-color:var(--primary)}.sla-page-btn:disabled{opacity:.35;cursor:not-allowed}.sla-page-btn-active{background:var(--primary);color:#fff;border-color:var(--primary)}.sla-detail{flex-direction:column;gap:1.25rem;display:flex}.sla-detail-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sla-detail-id{align-items:center;gap:.75rem;display:flex}.sla-detail-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.sla-detail-meta span{align-items:center;gap:.35rem;display:flex}.sla-detail-meta svg{color:var(--primary)}.sla-detail-grid{background:var(--hover-bg);border:1px solid var(--border);border-radius:.75rem;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;display:grid}@media (width<=600px){.sla-detail-grid{grid-template-columns:1fr}}.sla-detail-field{flex-direction:column;gap:.25rem;display:flex}.sla-detail-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.sla-detail-field>span{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}.sla-detail-field>span svg{color:var(--primary);flex-shrink:0}.sla-detail-section{flex-direction:column;gap:.5rem;display:flex}.sla-detail-section>label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.sla-detail-section>p{color:var(--text-primary);background:var(--hover-bg);border:1px solid var(--border);border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:.9rem;line-height:1.6}.sla-timeline{flex-direction:column;gap:.75rem;display:flex}.sla-timeline h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.sla-timeline h4 svg{color:var(--primary)}.sla-timeline-list{flex-direction:column;gap:0;padding-left:.5rem;display:flex}.sla-timeline-item{gap:1rem;padding-bottom:1.25rem;display:flex;position:relative}.sla-timeline-item:last-child{padding-bottom:0}.sla-timeline-dot{background:var(--card-bg);z-index:1;border:2.5px solid;border-radius:50%;width:14px;min-width:14px;height:14px;margin-top:3px;position:relative}.sla-timeline-item:not(:last-child):after{content:"";background:var(--border);width:2px;height:calc(100% - 6px);position:absolute;top:18px;left:6px}.sla-timeline-content{flex-direction:column;flex:1;gap:.15rem;display:flex}.sla-timeline-status{font-size:.85rem;font-weight:700}.sla-timeline-date{color:var(--text-secondary);font-size:.75rem}.sla-timeline-desc{color:var(--text-secondary);font-size:.8rem;background:0 0!important;border:none!important;margin:.15rem 0 0!important;padding:0!important}.sla-priority-badge{font-size:.78rem;font-weight:600}.sla-priority-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.sla-response-section{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding-top:.5rem;display:flex}.sla-response-section h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.sla-response-section h4 svg{color:var(--primary)}.sla-status-select{cursor:pointer;transition:border-color .2s}.sla-status-select:focus{outline:none;border-color:var(--primary)!important}.card-inset{box-shadow:inset 0 2px 4px #0000001a}.sla-detail-section h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.9rem;font-weight:700;display:flex}.sla-detail-section h4 svg{color:var(--primary)}.sla-comments{flex-direction:column;gap:.65rem;display:flex}.sla-comment{background:var(--hover-bg);border:1px solid var(--border);border-radius:.625rem;padding:.75rem 1rem}.sla-comment-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.sla-comment-header strong{color:var(--primary);font-size:.8rem}.sla-comment-header span{color:var(--text-secondary);font-size:.7rem}.sla-comment p{color:var(--text-primary);margin:0;font-size:.85rem;line-height:1.5}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:.75rem}.timeline-item{padding-bottom:1.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-icon{color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;left:-1.65rem}.timeline-content{flex-direction:column;gap:.25rem;display:flex}.timeline-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.timeline-type{font-size:.85rem;font-weight:700}.timeline-date{color:var(--text-secondary);font-size:.75rem}.timeline-desc{color:var(--text-primary);margin:0;font-size:.85rem}.timeline-user{color:var(--text-secondary);font-size:.75rem}.timeline-details{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.timeline-audit-op{background:var(--bg-tertiary);border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.78rem}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite loading-pulse}.skeleton-text{min-height:.75rem}.skeleton-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.skeleton-table{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.skeleton-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;display:grid}.page-skeleton{flex-direction:column;gap:1.5rem;display:flex}.skeleton-panel{padding:.5rem}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}