:root{--brand-1:#1f2937;--brand-2:#111827;--brand-3:#0d111a;--brand-gradient:radial-gradient(120% 120% at 0% 0%, #1f2937 0%, #111827 55%, #0d111a 100%);--text-gradient:linear-gradient(90deg, #42a5f5, #1976d2 60%, #64b5f6);--primary:#1976d2;--primary-hover:#1565c0;--primary-soft:#1976d21f;--accent:#42a5f5;--accent-2:#64b5f6;--bg:#f3f4f6;--surface:#fff;--surface-2:#f8f9fa;--line:#ececec;--line-strong:#e2e5ea;--text:#111827;--text-strong:#111;--text-muted:#6b7280;--text-faint:#9ca3af;--on-brand:#fff;--on-brand-muted:#94a3b8;--on-brand-soft:#cbd5e1;--input-border:#d1d5db;--warning-text:#b45309;--success:#43a047;--warning:#f59e0b;--error:#e53935;--info:var(--primary);--chart-bar-2:#bfdbfe;--chart-bar-3:#dbeafe;--shadow-card:0 1px 3px #1118270a;--shadow-pop:0 10px 40px -12px #1118272e;--shadow-glow:0 10px 24px -8px #1976d28c;--radius-sm:9px;--radius:12px;--radius-lg:16px;--radius-xl:18px;--sidebar-width:256px;--font-display:"Sora", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--color-background:var(--bg);--portal-bg:var(--bg);--portal-bg-deep:var(--brand-3);--portal-bg-soft:var(--surface-2);--portal-surface:var(--surface);--portal-surface-elevated:var(--surface);--portal-text:var(--text);--portal-text-strong:var(--text-strong);--portal-text-muted:var(--text-muted);--portal-text-faint:var(--text-faint);--portal-muted:var(--text-muted);--portal-primary:var(--primary);--portal-primary-strong:var(--primary-hover);--portal-secondary:var(--accent);--portal-tertiary:var(--accent-2);--portal-success:var(--success);--portal-warning:var(--warning);--portal-error:var(--error);--color-primary:var(--primary);--color-primary-strong:var(--primary-hover);--color-text:var(--text);--color-muted:var(--text-muted);--color-surface:var(--surface);--color-surface-elevated:var(--surface);--color-surface-strip:var(--surface-2);--color-background-deep:var(--bg);--color-faint:var(--text-muted);--color-tertiary:var(--accent-2);--portal-transition:.2s ease;--portal-radius-md:var(--radius);--border-soft:1px solid var(--line);--border-glass:1px solid var(--line);--shadow-deep:var(--shadow-pop);--portal-glass-bg:var(--surface);--portal-glass-bg-subtle:var(--surface-2);--portal-glass-highlight:transparent;--portal-glass-border:var(--line);--portal-glass-border-strong:var(--line-strong);--portal-input-bg:var(--surface);--portal-input-border:var(--line-strong);--portal-shadow-soft:var(--shadow-card);--portal-shadow-glass:var(--shadow-card);--portal-shadow-hover:var(--shadow-pop);--portal-focus-ring:0 0 0 3px #1976d224;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}h1,h2,h3,h4,.display{font-family:var(--font-display);color:var(--text-strong)}.gradient-text{background:var(--text-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.aurora{filter:blur(80px);pointer-events:none;border-radius:9999px;position:absolute}.grid-texture{background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 120% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(120% 120% at 50% 40%,#000 30%,#0000 80%)}.reveal{opacity:0;transform:translateY(14px)}.is-mounted .reveal{animation:.6s cubic-bezier(.22,1,.36,1) forwards revealUp;animation-delay:var(--d,0s)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.12)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,-40px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}.aurora{animation:none}}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{appearance:none;box-shadow:none;outline:0}select,.glass-select{border-color:var(--portal-input-border,var(--portal-glass-border));background:var(--portal-input-bg,#0f172adb);color:var(--portal-text,#f8fafc);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,.glass-select option{color:#f8fafc;background:#0f172a}select optgroup,.glass-select optgroup{color:#e2e8f0;background:#0f172a}button{cursor:pointer}button:disabled,[aria-disabled=true]{filter:saturate(.8);opacity:.52;cursor:not-allowed!important}:where(a,button,input,select,textarea):focus-visible{outline:0;box-shadow:var(--portal-focus-ring)!important}.portal-enter{animation:.48s both portal-enter}.portal-enter-delay-1{animation-delay:80ms}.portal-enter-delay-2{animation-delay:.16s}.portal-hover-lift{transition:transform .2s,border-color .2s,box-shadow .2s}.portal-hover-lift:hover{transform:translateY(-3px)}@keyframes portal-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.glass-panel,.glass-strip{border:var(--border-glass);background:var(--color-surface);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(18px)}.glass-panel--elevated{background:var(--color-surface-elevated);box-shadow:var(--shadow-deep), var(--shadow-glow);-webkit-backdrop-filter:blur(26px)}.glass-strip{background:var(--color-surface-strip)}.portal-shell{isolation:isolate;min-height:100vh;position:relative}.portal-shell:before{z-index:-1;content:"";background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 42px,linear-gradient(90deg,#7dd3fc0d 1px,#0000 1px) 0 0/92px 100%,radial-gradient(circle at 50% 20%,#7dd3fc1c,#0000 32%);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000db,#0000004d);mask-image:linear-gradient(#000000db,#0000004d)}.portal-main-shell{min-height:100vh;padding-left:var(--sidebar-width)}.portal-content{width:min(100%,1480px);margin:0 auto;padding:96px 32px 48px}.top-bar{top:0;right:0;left:var(--sidebar-width);z-index:30;border-width:0 0 1px;justify-content:space-between;align-items:center;gap:24px;height:66px;padding:0 28px;display:flex;position:fixed}.brand-wordmark{letter-spacing:.12em;text-transform:uppercase;font-size:17px;font-weight:900}.top-search{border:var(--border-soft);width:min(44vw,540px);height:40px;color:var(--color-muted);background:#ffffff0b;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex}.top-search input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0}.top-search input::placeholder{color:#93a4b8ad}.top-actions{align-items:center;gap:12px;display:flex}.top-actions button{border:var(--border-soft);width:40px;height:40px;color:var(--color-primary);background:#ffffff0a;border-radius:50%}.user-chip{border-left:var(--border-soft);color:var(--color-faint);align-items:center;gap:10px;padding-left:14px;font-size:13px;display:flex}.user-chip span{width:34px;height:34px;color:var(--color-background-deep);background:linear-gradient(135deg, var(--color-primary), var(--color-tertiary));border:1px solid #7dd3fc57;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.side-nav{z-index:40;width:var(--sidebar-width);border-width:0 1px 0 0;flex-direction:column;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-icon{width:44px;height:44px;color:var(--color-primary);background:#7dd3fc1a;border:1px solid #7dd3fc6b;border-radius:14px;place-items:center;display:grid;box-shadow:0 0 24px #7dd3fc14}.side-brand strong{color:var(--color-primary);font-size:20px;font-weight:900;display:block}.side-brand span{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.side-nav nav{gap:6px;display:grid}.side-nav nav a,.side-footer a,.quick-actions a{transition:transform .16s,border-color .16s,background .16s,color .16s}.side-nav nav a{color:#eaf4fba8;border-left:3px solid #0000;border-radius:0 14px 14px 0;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:700;display:flex}.side-nav nav a:hover,.side-nav nav a.active{border-left-color:var(--color-primary);color:var(--color-primary);background:#7dd3fc1a;transform:translate(3px)}.side-nav nav a span{text-align:center;width:20px}.side-footer{border-top:var(--border-soft);gap:10px;margin-top:auto;padding-top:18px;display:grid}.side-footer a{color:var(--color-muted);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:700}.side-footer a:hover,.side-footer .primary-link{color:var(--color-primary);background:#7dd3fc1a}.bottom-nav{z-index:45;border-radius:24px;justify-content:space-around;min-height:72px;padding:10px;display:none;position:fixed;bottom:12px;left:12px;right:12px}.bottom-nav a{color:#eaf4fb85;letter-spacing:-.02em;text-transform:uppercase;place-items:center;gap:4px;min-width:54px;font-size:10px;font-weight:800;display:grid}.bottom-nav a span{font-size:19px}.bottom-nav a.active{color:var(--color-primary);filter:drop-shadow(0 0 8px #7dd3fc73)}.portal-hero{border-radius:30px;justify-content:space-between;align-items:end;gap:28px;min-height:260px;margin-bottom:28px;padding:clamp(24px,4vw,42px);display:flex;position:relative;overflow:hidden}.portal-hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#7dd3fc14),radial-gradient(circle at 82% 22%,#c8a0f02e,#0000 22%);position:absolute;inset:0}.portal-hero>*{z-index:1;position:relative}.eyebrow{color:var(--color-primary);letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:900}.portal-hero h1,.content-card h2{color:#fff;letter-spacing:-.05em;margin:0}.portal-hero h1{max-width:760px;font-size:clamp(34px,6vw,62px);line-height:.95}.portal-hero p:not(.eyebrow),.content-card p:not(.eyebrow),.metric-card span{color:var(--color-muted);line-height:1.6}.portal-hero p:not(.eyebrow){max-width:650px;margin:16px 0 0;font-size:16px}.hero-orb{background:linear-gradient(135deg,#7dd3fc2e,#c8a0f01f);border:1px solid #7dd3fc47;border-radius:34px;flex:none;place-items:center;width:136px;height:136px;display:grid;box-shadow:inset 0 0 36px #ffffff09,0 0 60px #7dd3fc14}.hero-orb span{color:var(--color-primary);letter-spacing:.18em;font-size:22px;font-weight:900}.portal-grid{gap:20px;display:grid}.portal-grid--metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.portal-grid--content{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}.metric-card,.content-card{border-radius:24px;padding:24px}.metric-card p{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:900}.metric-card strong{color:#fff;letter-spacing:-.06em;font-size:clamp(28px,4vw,40px);display:block}.metric-card span{margin-top:10px;font-size:13px;display:block}.content-card--wide{min-height:310px}.content-card h2{font-size:clamp(26px,4vw,38px)}.hud-bars{border:var(--border-soft);background:#ffffff08;border-radius:20px;justify-content:space-between;align-items:end;gap:14px;height:150px;margin-top:36px;padding:20px;display:flex}.hud-bars span{background:linear-gradient(#7dd3fcad,#7dd3fc21);border:1px solid #7dd3fc42;border-radius:10px 10px 3px 3px;width:100%;min-height:18%;box-shadow:0 0 18px #7dd3fc1f}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.quick-actions a{border:var(--border-soft);min-height:84px;color:var(--color-text);text-align:center;background:#ffffff0a;border-radius:18px;place-items:center;gap:8px;padding:16px;font-size:13px;font-weight:800;display:grid}.quick-actions a:hover{color:var(--color-primary);background:#7dd3fc14;border-color:#7dd3fc57;transform:translateY(-2px)}.quick-actions span{color:var(--color-primary);font-size:24px}@media (width<=1060px){.portal-grid--metrics,.portal-grid--content{grid-template-columns:1fr}.top-search{width:min(38vw,360px)}}@media (width<=820px){.portal-main-shell{padding-left:0}.side-nav{display:none}.top-bar{padding:0 18px;left:0}.top-search,.user-chip strong{display:none}.portal-content{padding:86px 16px 112px}.bottom-nav{display:flex}.portal-hero{border-radius:24px;flex-direction:column;align-items:start;min-height:auto}.hero-orb{border-radius:24px;width:92px;height:92px}}@media (width<=560px){.brand-wordmark{letter-spacing:.08em;font-size:13px}.top-actions{gap:8px}.top-actions button{width:34px;height:34px}.user-chip{padding-left:8px}.user-chip span{width:32px;height:32px}.portal-grid--metrics{gap:14px}.metric-card,.content-card{border-radius:20px;padding:20px}.quick-actions{grid-template-columns:1fr}}.glass-card,.glass-panel,.glass-button,.glass-input,.glass-elevated,.elevated,.elevated-card,.liquid-panel,.summary-card{transition:transform var(--portal-transition), border-color var(--portal-transition), box-shadow var(--portal-transition), background var(--portal-transition), color var(--portal-transition);border-color:var(--portal-glass-border)!important;color:var(--portal-text)!important}.glass-card,.glass-panel,.glass-elevated,.elevated,.elevated-card,.liquid-panel,.summary-card{background:var(--portal-glass-highlight), var(--portal-glass-bg), radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--portal-primary) 24%, transparent), transparent 34%), radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--portal-tertiary) 18%, transparent), transparent 30%)!important;box-shadow:var(--portal-shadow-glass)!important;-webkit-backdrop-filter:blur(24px)saturate(155%)!important}.glass-button,.glass-input,:where(input,select,textarea){caret-color:var(--portal-primary);border:1px solid var(--portal-input-border)!important;background:var(--portal-input-bg)!important;color:var(--portal-text)!important}:where(input,select,textarea){border-radius:12px}:where(.glass-input,.desktop-input,.mobile-input,.catalog-search,.mobile-search,.mobile-catalog-search,.top-search,.portal-topbar label,.filter-select,.mobile-account-search) :where(input,textarea){box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}:where(input,textarea):-webkit-autofill{transition:background-color 999999s ease-in-out;-webkit-text-fill-color:var(--portal-text)!important;caret-color:var(--portal-primary)!important;box-shadow:inset 0 0 0 1000px #0f172aeb!important}:where(input,textarea):-webkit-autofill:hover{transition:background-color 999999s ease-in-out;-webkit-text-fill-color:var(--portal-text)!important;caret-color:var(--portal-primary)!important;box-shadow:inset 0 0 0 1000px #0f172aeb!important}:where(input,textarea):-webkit-autofill:focus{transition:background-color 999999s ease-in-out;-webkit-text-fill-color:var(--portal-text)!important;caret-color:var(--portal-primary)!important;box-shadow:inset 0 0 0 1000px #0f172aeb!important}.glass-button{border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}:where(input,select,textarea)::placeholder{opacity:.72;color:var(--portal-text-muted)!important}.hover-lift,.glass-card,.glass-panel,.elevated,.elevated-card,.glass-elevated,.liquid-panel,.summary-card,.product-card,.brand-card,.stat-card,.metric,.kpi-card,.chart-card,.activity-card,.quick-card{transition:transform var(--portal-transition), border-color var(--portal-transition), box-shadow var(--portal-transition), background var(--portal-transition)}.hover-lift:hover,.glass-card:hover,.glass-panel:hover,.elevated:hover,.elevated-card:hover,.glass-elevated:hover,.liquid-panel:hover,.summary-card:hover,.product-card:hover,.brand-card:hover,.stat-card:hover,.metric:hover,.kpi-card:hover,.chart-card:hover,.activity-card:hover,.quick-card:hover{transform:translateY(-3px);border-color:var(--portal-glass-border-strong)!important;box-shadow:var(--portal-shadow-hover)!important}.glow-primary{box-shadow:0 0 36px color-mix(in srgb, var(--portal-primary) 22%, transparent)!important}.glow-secondary{box-shadow:0 0 36px color-mix(in srgb, var(--portal-tertiary) 20%, transparent)!important}.status-success{color:var(--portal-success)!important}.status-warning{color:var(--portal-warning)!important}.status-error{color:var(--portal-error)!important}.skeleton{background:color-mix(in srgb, var(--portal-text-muted) 14%, transparent);border-radius:14px;position:relative;overflow:hidden}.skeleton:after,.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff57,#0000);animation:1.45s ease-in-out infinite portal-shimmer;position:absolute;inset:0;transform:translate(-100%)}.empty-state,.error-state{border:1px solid var(--portal-glass-border);border-radius:var(--portal-radius-md);background:var(--portal-glass-bg-subtle);box-shadow:var(--portal-shadow-soft);color:var(--portal-text-muted)!important}.error-state{border-color:color-mix(in srgb, var(--portal-error) 32%, transparent)}.fade-enter{animation:.32s both portal-fade-enter}:where(.dashboard-page,.catalog-page,.brands-page,.orders-page,.account-page,.quotes-page){background:var(--portal-bg)!important;color:var(--portal-text)!important}@keyframes portal-shimmer{to{transform:translate(100%)}}@keyframes portal-fade-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){:where(.shell-content,.wrap,.canvas,.desktop-content,.invoice-main){padding:clamp(14px,2vw,20px)!important}}@media (width<=767px){:where(.mobile-main,.invoice-mobile){width:min(100%,560px);margin-inline:auto;padding-inline:16px!important}}.btn-primary{font-family:var(--font-display);color:#fff;background:var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-glow);cursor:pointer;border:0;padding:11px 16px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary:disabled,.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{font-family:var(--font-display);background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;padding:11px 16px;font-weight:600}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--primary);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;padding:9px 12px}.btn-danger{font-family:var(--font-display);color:#fff;background:var(--error);border-radius:var(--radius);cursor:pointer;border:0;padding:11px 16px;font-weight:600;transition:background .15s}.btn-danger:hover{filter:brightness(.94)}.field{align-items:center;display:flex;position:relative}.field .icon{color:var(--text-faint);pointer-events:none;position:absolute;left:13px}.field input,.field select,.field textarea{box-sizing:border-box;border:1px solid var(--input-border);background:var(--surface);width:100%;color:var(--text);font-family:var(--font-body);border-radius:11px;padding:11px 13px}.field.has-icon input,.field.has-icon select{padding-left:38px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:var(--portal-focus-ring);outline:0}.field input::placeholder{color:var(--text-faint)}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip.is-active{background:var(--primary-soft);color:var(--primary);border-color:#0000}table.data{border-collapse:collapse;background:var(--surface);width:100%}table.data th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--line);padding:11px 14px;font-size:11px}table.data td{border-bottom:1px solid var(--line);color:var(--text);padding:12px 14px;font-size:13.5px}table.data tr:hover td{background:var(--surface-2)}.badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge--success{color:var(--success);background:#43a0471f}.badge--warning{color:var(--warning-text);background:#f59e0b24}.badge--error,.badge--danger{color:var(--error);background:#e539351a}.badge--info{background:var(--primary-soft);color:var(--primary)}.badge--muted{background:var(--surface-2);color:var(--text-muted)}.system-unavailable{background:var(--brand-gradient);min-height:100vh;font-family:var(--font-body);justify-content:center;align-items:center;padding:24px;display:flex}.system-unavailable__card{text-align:center;border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-pop);background:#ffffff0a;border:1px solid #ffffff1a;padding:40px 32px}.system-unavailable__logo{border-radius:14px;width:56px;height:56px}.system-unavailable__brand{font-family:var(--font-display);color:var(--on-brand);margin-top:12px;font-weight:800;display:block}.system-unavailable__title{font-family:var(--font-display);color:var(--on-brand);margin:22px 0 10px;font-size:24px}.system-unavailable__text{color:var(--on-brand-soft);margin:0 0 20px;font-size:14px;line-height:1.6}.system-unavailable__code{color:var(--accent-2);background:var(--primary-soft);border:1px solid #64b5f64d;border-radius:9999px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-block}