body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark{background-color:#121212;color:#e0e0e0}body.dark a{color:#bb86fc}body.dark button{background-color:#333;border:1px solid #555;color:#e0e0e0}body.dark button:hover{background-color:#444;border-color:#666}body.dark input[type=email],body.dark input[type=number],body.dark input[type=password],body.dark input[type=text],body.dark select,body.dark textarea{background-color:#1e1e1e;border:1px solid #555;color:#e0e0e0}body.dark input[type=email]:focus,body.dark input[type=number]:focus,body.dark input[type=password]:focus,body.dark input[type=text]:focus,body.dark select:focus,body.dark textarea:focus{border-color:#bb86fc;box-shadow:0 0 0 .2rem #bb86fc40}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;display:inline-block}body.dark .skeleton-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}.skeleton-text{display:block;height:16px;margin-bottom:8px;width:100%}.skeleton-title{display:block;height:24px;margin-bottom:12px;width:60%}.skeleton-avatar{border-radius:50%;display:inline-block;height:40px;width:40px}.skeleton-image{aspect-ratio:1;border-radius:8px;width:100%}.skeleton-button{display:inline-block;height:36px;width:100px}.skeleton-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:12px;padding:16px}body.dark .skeleton-card{background:#1e1e1e}body.dark .Toastify__toast{background:#242424;box-shadow:0 6px 20px #00000080;color:#e0e0e0}body.dark .Toastify__toast--success{background:#123d22;color:#6fdb94}body.dark .Toastify__toast--error{background:#4a1414;color:#ff9c9c}body.dark .Toastify__toast--warning{background:#4a3c00;color:#ffd666}body.dark .Toastify__toast--info{background:#05325c;color:#7ec1ff}body.dark .Toastify__close-button{color:#e0e0e0;opacity:.7}body.dark .Toastify__progress-bar{background:#fff6}body.dark [class$=-control]{background-color:#2a2a2a!important;border-color:#3a3a3a!important}body.dark [class$=-menu]{background-color:#2a2a2a!important;border:1px solid #3a3a3a}body.dark [class$=-option]{background-color:initial!important;color:#e0e0e0!important}body.dark [class$=-option][class*=isFocused],body.dark [class*=-option]:hover{background-color:#383838!important}body.dark [class$=-input] input,body.dark [class$=-singleValue]{color:#e0e0e0!important}body.dark [class$=-placeholder]{color:#8a8a8a!important}body.dark [class$=-indicatorSeparator]{background-color:#3a3a3a!important}:root{--app-bg:#f8fafc;--surface:#fff;--surface-elevated:#fff;--surface-muted:#f1f5f9;--border:#dbe3ee;--border-strong:#cbd5e1;--text:#0f172a;--text-soft:#475569;--text-muted:#64748b;--text-primary:var(--text);--text-secondary:var(--text-soft);--brand:#3b82f6;--brand-dark:#2563eb;--brand-deep:#1d4ed8;--brand-soft:#eff6ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--input-background:#fff;--input-text:#0f172a;--input-placeholder:#94a3b8;--input-border:var(--border);--overlay:#0f172a73;--hover:#0f172a0d;--focus-ring:#3b82f673;--disabled-background:#f1f5f9;--disabled-text:#94a3b8;--shadow-lg:0 20px 45px #0f172a1f;--shadow-md:0 12px 28px #0f172a14;--shadow-sm:0 4px 14px #0f172a0f;--chart-1:#3b82f6;--chart-2:#059669;--chart-3:#b45309;--chart-4:#ef4444;--chart-5:#7c3aed;--chart-6:#0e7490;--chart-7:#c2410c;--chart-8:#4d7c0f}body.dark{--app-bg:#1a1a1a;--surface:#242424;--surface-elevated:#2a2a2a;--surface-muted:#202020;--border:#3a3a3a;--border-strong:#4a4a4a;--text:#e0e0e0;--text-soft:silver;--text-muted:#9a9a9a;--text-primary:var(--text);--text-secondary:var(--text-soft);--brand:#5b9dff;--brand-dark:#3b82f6;--brand-deep:#2563eb;--brand-soft:#1e293b;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--input-background:#2a2a2a;--input-text:#e0e0e0;--input-placeholder:#7a7a7a;--input-border:var(--border);--overlay:#000000a6;--hover:#ffffff0f;--focus-ring:#5b9dff80;--disabled-background:#2a2a2a;--disabled-text:#6a6a6a;--shadow-lg:0 20px 45px #0000008c;--shadow-md:0 12px 28px #00000073;--shadow-sm:0 4px 14px #00000059;--chart-1:#5b9dff;--chart-2:#34d399;--chart-3:#fbbf24;--chart-4:#f87171;--chart-5:#a78bfa;--chart-6:#22d3ee;--chart-7:#fb923c;--chart-8:#a3e635}*{box-sizing:border-box}body,html{background:#f8fafc;background:var(--app-bg);color:#0f172a;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;line-height:1.5;margin:0;padding:0}.dashboard-container{background:#f6f6f8;display:flex;min-height:100vh}.dashboard-main{padding:0 32px}.dashboard-main,.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:220px;max-width:none!important;width:calc(100% - 220px)}.dashboard-container .container,.dashboard-container .content-container,.dashboard-container .page-container{margin:0!important;max-width:none!important;width:100%!important}.dashboard-main .content-area,.dashboard-main .table-container,.dashboard-main table{max-width:none!important;width:100%!important}.account-management,.dashboard-container .dashboard-container,.inventory-container,.order-management-dashboard{margin:0!important;max-width:none!important;width:100%!important}@media (min-width:768.02px) and (max-width:1023.98px){.dashboard-main,.main-content{margin-left:70px;width:calc(100% - 70px)}}@media (max-width:768px){.dashboard-main,.main-content{margin-left:0;padding:16px;width:100%}}body.dark{color:#0f172a;color:var(--text)}body.dark,body.dark .dashboard-container,body.dark .dashboard-main{background-color:#f8fafc;background-color:var(--app-bg)}body.dark .dashboard-main{color:#0f172a;color:var(--text)}.ui-page-content{flex:1 1;min-width:0;padding:24px 0}@media (max-width:768px){.ui-page-content{padding:16px 0}}.ui-page-header{align-items:flex-start;animation:uiFadeInUp .35s ease both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem}.ui-page-header-text{min-width:0}.ui-page-title{color:var(--text);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0}.ui-page-description{color:var(--text-muted);font-size:.95rem;margin:.35rem 0 0;max-width:60ch}.ui-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}@media (max-width:480px){.ui-page-title{font-size:1.4rem}.ui-page-actions{width:100%}.ui-page-actions .ui-btn{flex:1 1}}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.ui-card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ui-card-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:40px;padding:.65rem 1.3rem;transition:background .2s ease,box-shadow .2s ease,transform .15s ease,border-color .2s ease;white-space:nowrap}.ui-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.ui-btn:hover:not(:disabled){transform:translateY(-1px)}.ui-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ui-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ui-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.ui-btn-primary:hover:not(:disabled){box-shadow:0 10px 24px #2563eb47}.ui-btn-secondary{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-soft)}.ui-btn-secondary:hover:not(:disabled){background:var(--hover)}.ui-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ui-btn-danger:hover:not(:disabled){box-shadow:0 10px 24px #dc262647}.ui-btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.ui-btn-success:hover:not(:disabled){box-shadow:0 10px 24px #10b98147}.ui-btn-icon{background:var(--surface-muted);border-radius:10px;color:var(--text-soft);min-height:40px;padding:0;width:40px}.ui-btn-icon:hover:not(:disabled){background:var(--hover)}.ui-btn-sm{border-radius:8px;font-size:.8rem;min-height:32px;padding:.4rem .85rem}.ui-btn-spinner{animation:uiSpin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.ui-btn-secondary .ui-btn-spinner{border:2px solid var(--border-strong);border-top-color:var(--text-soft)}.ui-filter-bar{align-items:flex-end;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.ui-filter-group{display:flex;flex:1 1 180px;flex-direction:column;gap:.35rem;min-width:160px}.ui-filter-group label{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.ui-filter-group input,.ui-filter-group select{background:var(--input-background);border:1px solid var(--input-border);border-radius:8px;color:var(--input-text);font-size:.88rem;padding:.55rem .75rem}.ui-filter-group input:focus,.ui-filter-group select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}@media (max-width:640px){.ui-filter-bar{align-items:stretch;flex-direction:column}.ui-filter-group{min-width:0}}.table-scroll{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow-x:auto}.table-scroll table{border-collapse:collapse;min-width:640px;width:100%}.table-scroll thead th{background:var(--surface-muted);color:var(--text-soft);font-size:.78rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.table-scroll tbody td,.table-scroll thead th{border-bottom:1px solid var(--border);padding:.85rem 1rem}.table-scroll tbody td{color:var(--text);font-size:.88rem}.table-scroll tbody tr{transition:background .15s ease}.table-scroll tbody tr:hover{background:var(--hover)}.table-scroll tbody tr:last-child td{border-bottom:none}.ui-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;gap:.3rem;letter-spacing:.03em;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.ui-empty-state{animation:uiFadeInUp .3s ease both;color:var(--text-muted);padding:3.5rem 1.5rem;text-align:center}.ui-empty-icon{display:block;font-size:2.5rem;line-height:1;margin-bottom:.75rem}.ui-empty-title{color:var(--text);font-size:1.05rem;font-weight:700;margin:0 0 .35rem}.ui-empty-message{font-size:.88rem;margin:0}@keyframes uiFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes uiScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes uiSpin{to{transform:rotate(1turn)}}.ui-fade-in{animation:uiFadeInUp .35s ease both}.ui-scale-in{animation:uiScaleIn .2s ease both}@media (prefers-reduced-motion:reduce){.ui-empty-state,.ui-fade-in,.ui-page-header,.ui-scale-in{animation:none}.sidebar,.ui-btn,.ui-card{transition:none}}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.portal-modal-backdrop{align-items:center;background:#0009;background:var(--overlay,#0009);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.portal-modal-content{background:#fff;background:var(--surface-elevated,#fff);border:1px solid #0000;border:1px solid var(--border,#0000);border-radius:12px;box-shadow:0 8px 40px #0000002e;box-shadow:var(--shadow-lg,0 8px 40px #0000002e);color:#0f172a;color:var(--text,#0f172a);max-height:90vh;max-width:1100px;overflow:auto;padding:20px;width:min(95vw,1100px)}@media (max-width:800px){.portal-modal-content{margin:12px;width:95vw}}.confirm-dialog{padding:4px;width:min(90vw,420px)}.confirm-dialog-title{color:#0f172a;color:var(--text,#0f172a);font-size:18px;font-weight:700;margin:0 0 12px}.confirm-dialog-message{color:#475569;color:var(--text-secondary,#475569);font-size:14px;line-height:1.5;margin:0 0 24px;white-space:pre-line}.confirm-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-dialog-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background-color .15s ease,opacity .15s ease}.confirm-dialog-btn-cancel{background:#e2e8f0;background:var(--surface,#e2e8f0);color:#0f172a;color:var(--text,#0f172a)}.confirm-dialog-btn-cancel:hover{opacity:.85}.confirm-dialog-btn-confirm{background:#2ecc71;color:#fff}.confirm-dialog-btn-confirm:hover{background:#27ae60}.confirm-dialog-btn-danger{background:#e74c3c;color:#fff}.confirm-dialog-btn-danger:hover{background:#c0392b}@keyframes authModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authModalScaleIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-overlay{align-items:center;animation:authModalFadeIn .2s ease both;background:#33373d8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.auth-modal-content{animation:authModalScaleIn .28s cubic-bezier(.16,1,.3,1) both;background:var(--pensee-cream-soft);border:1px solid var(--pensee-border);border-radius:14px;box-shadow:0 20px 60px #0f111440;max-height:88vh;max-width:440px;overflow-y:auto;padding:40px 36px 32px;position:relative;width:100%}.auth-modal-close{background:#0000;border:none;border-radius:50%;color:var(--pensee-text-soft);cursor:pointer;font-size:22px;height:32px;line-height:1;position:absolute;right:14px;top:14px;transition:background .2s,color .2s;width:32px}.auth-modal-close:hover{background:var(--pensee-border);color:var(--pensee-text)}.auth-modal-tabs{border-bottom:1px solid var(--pensee-border);display:flex;gap:8px;margin-bottom:24px}.auth-modal-tab{background:none;border:none;color:var(--pensee-text-soft);cursor:pointer;flex:1 1;font-family:var(--font-label);font-size:12px;letter-spacing:.11em;padding:10px 0 12px;position:relative;text-transform:uppercase;transition:color .2s}.auth-modal-tab:after{background:var(--pensee-accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .25s ease}.auth-modal-tab.active,.auth-modal-tab:hover{color:var(--pensee-text)}.auth-modal-tab.active:after{transform:scaleX(1)}.auth-modal-panel{animation:authModalFadeIn .25s ease both}.auth-modal-title{color:var(--pensee-text);font-family:var(--font-heading);font-size:1.7rem;margin:0 0 4px}.auth-modal-subtitle{color:var(--pensee-text-soft);font-family:var(--font-body);font-size:.9rem;margin:0 0 20px}.auth-modal-error{background:#b0413e1a;border-radius:6px;color:#b0413e;font-family:var(--font-body);font-size:.82rem;margin-bottom:12px;padding:8px 12px}.auth-modal-form{display:flex;flex-direction:column;gap:16px}.auth-modal-form-scroll{max-height:50vh;overflow-y:auto;padding-right:4px}.auth-modal-field{display:flex;flex-direction:column;gap:6px}.auth-modal-field label{color:var(--pensee-text-soft);font-family:var(--font-label);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.auth-modal-field input{background:#fff;border:1px solid var(--pensee-border);border-radius:6px;color:var(--pensee-text);font-family:var(--font-body);font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.auth-modal-field input:focus{border-color:var(--pensee-accent);box-shadow:0 0 0 3px #6a698f26;outline:none}.auth-modal-hint{color:var(--pensee-text-soft);font-family:var(--font-body);font-size:.75rem}.auth-modal-password-wrapper{align-items:center;display:flex;position:relative}.auth-modal-password-wrapper input{padding-right:40px;width:100%}.auth-modal-password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;justify-content:center;line-height:1;padding:6px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:color .15s,background .15s}.auth-modal-password-toggle:hover{background:#0000000d;background:var(--hover,#0000000d);color:#1e293b;color:var(--text,#1e293b)}.auth-modal-password-toggle:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--brand,#6366f1);outline-offset:1px}.auth-modal-forgot{margin-top:-8px;text-align:right}.auth-modal-forgot a{color:var(--pensee-accent);font-family:var(--font-body);font-size:.8rem;text-decoration:none}.auth-modal-forgot a:hover{text-decoration:underline}.auth-modal-preview{margin-top:4px}.auth-modal-preview img{border:1px solid var(--pensee-border);border-radius:50%;height:64px;object-fit:cover;width:64px}.auth-modal-submit{background:var(--pensee-btn-dark);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:var(--font-label);font-size:12px;letter-spacing:.11em;padding:13px 20px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.auth-modal-submit:hover:not(:disabled){background:var(--pensee-accent);box-shadow:0 6px 16px #6a698f4d;transform:translateY(-1px)}.auth-modal-submit:disabled{cursor:not-allowed;opacity:.6}.auth-modal-switch{color:var(--pensee-text-soft);margin:18px 0 0;text-align:center}.auth-modal-switch,.auth-modal-switch button{font-family:var(--font-body);font-size:.85rem}.auth-modal-switch button{background:none;border:none;color:var(--pensee-accent);cursor:pointer;font-weight:600;padding:0}.auth-modal-switch button:hover{text-decoration:underline}@media (max-width:520px){.auth-modal-content{max-height:92vh;padding:32px 22px 24px}.auth-modal-title{font-size:1.4rem}}