.btn{justify-content:center;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);font-size:var(--text-sm);letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, opacity var(--dur-fast) ease, filter var(--dur-fast) ease;white-space:nowrap;border:1px solid #0000;font-family:inherit;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:after{content:"";background:var(--gradient-sheen);transition:transform var(--dur-slow) var(--ease-out);pointer-events:none;opacity:.6;position:absolute;inset:0;transform:translate(-120%)}.btn:hover:not(:disabled):after{transform:translate(120%)}.btn-primary{background:var(--gradient-accent);color:var(--color-on-accent);box-shadow:var(--shadow-glow);background-size:160% 160%}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.btn-ghost{color:var(--color-text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-accent-bg);color:var(--color-accent)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e2483c,#c22f25);box-shadow:0 8px 24px -8px #d63a2f80}.btn-danger:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.btn-pastel{box-shadow:none;border:1px solid #0000;font-weight:600}.btn-pastel:after{display:none}.btn-pastel-success{background:var(--color-success-bg);color:var(--color-success)}.btn-pastel-success:hover:not(:disabled){background:var(--color-success-bg);filter:brightness(.96)}.btn-pastel-danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn-pastel-danger:hover:not(:disabled){background:var(--color-danger-bg);filter:brightness(.96)}.btn-pastel-warning{background:var(--color-warning-bg);color:var(--color-warning)}.btn-pastel-warning:hover:not(:disabled){background:var(--color-warning-bg);filter:brightness(.96)}.btn-pastel-accent{background:var(--color-accent-bg);color:var(--color-accent)}.btn-pastel-accent:hover:not(:disabled){background:var(--color-accent-bg);filter:brightness(.96)}.btn-pastel-super{background:var(--color-super-bg);color:var(--color-super)}.btn-pastel-super:hover:not(:disabled){background:var(--color-super-bg);filter:brightness(.96)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.field-input{height:38px;padding:0 var(--space-3);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-med) var(--ease-out), background-color var(--dur-fast) ease;font-family:inherit}.field-input:hover:not(:disabled){border-color:var(--color-accent-border)}.field-input:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.field-input::placeholder{color:var(--color-text-faint)}.field-input[aria-invalid=true]{border-color:var(--color-danger)}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), border-color var(--dur-med) ease;position:relative}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap}.table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:var(--text-xs);background:var(--color-surface-sunken);z-index:1;position:sticky;top:0}.table tbody tr{transition:background-color var(--dur-fast) ease}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-accent-bg)}.badge{height:22px;padding:0 var(--space-2);font-size:var(--text-xs);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;font-weight:600;line-height:1;display:inline-flex}.badge-neutral{background:var(--color-surface-sunken);color:var(--color-text-muted);border-color:var(--color-border)}.badge-accent{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent-border)}.badge-success{background:var(--color-success-bg);color:var(--color-success);border-color:#0f9d5840}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#b26a0040}.badge-super{background:var(--color-super-bg);color:var(--color-super);border-color:#6d4aff40}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#d63a2f40}.menu{display:inline-block;position:relative}.menu-trigger{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);font-size:var(--text-lg);cursor:pointer;transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease;justify-content:center;align-items:center;line-height:1;display:inline-flex}.menu-trigger:hover{border-color:var(--color-accent);color:var(--color-accent)}.menu-dropdown{top:calc(100% + var(--space-2));min-width:200px;padding:var(--space-2);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;transform-origin:100% 0;animation:pop-in var(--dur-fast) var(--ease-spring) both;flex-direction:column;display:flex;position:absolute;right:0}.menu-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) ease;background:0 0;border:none;display:block}.menu-item:hover:not(:disabled){background:var(--color-accent-bg)}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-item-danger{color:var(--color-danger)}.menu-item-danger:hover:not(:disabled){background:var(--color-danger-bg)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-5);z-index:100;animation:fade-in var(--dur-fast) ease both;background:#10182866;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface-raised);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);padding:var(--space-5);animation:pop-in var(--dur-med) var(--ease-spring) both;overflow-y:auto}.modal-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.toast-viewport{bottom:var(--space-5);right:var(--space-5);gap:var(--space-2);z-index:200;width:min(380px, calc(100vw - var(--space-6)));flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:slide-in-right var(--dur-med) var(--ease-spring) both;font-weight:500;display:flex}.toast-leaving{animation:fade-in var(--dur-fast) ease reverse forwards}.toast-msg{flex:1;min-width:0}.toast-success{border-left:3px solid var(--color-success)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-danger{border-left:3px solid var(--color-danger)}.toast-icon{flex-shrink:0;width:22px;height:22px}.check-svg{width:100%;height:100%}.check-svg-ring{transform-origin:50%;animation:check-ring var(--dur-med) var(--ease-spring) both}.check-svg-tick{stroke-dasharray:24;stroke-dashoffset:24px;animation:check-draw var(--dur-med) var(--ease-out) .12s forwards}.success-check{justify-content:center;align-items:center;display:inline-flex}.success-check-badge{animation:glow-pulse 1.6s var(--ease-out) .3s 2;border-radius:50%}.confetti-burst{z-index:300;pointer-events:none;position:fixed}.confetti-piece{width:8px;height:8px;animation:confetti-fly .9s var(--ease-out) forwards;border-radius:2px;position:absolute}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);color:var(--color-text-muted);animation:fade-up var(--dur-med) var(--ease-out) both;flex-direction:column;display:flex}.empty-state h3{color:var(--color-text)}.empty-state-icon{width:56px;height:56px;margin-bottom:var(--space-2);background:var(--gradient-accent-soft);color:var(--color-accent);border-radius:50%;place-items:center;font-size:24px;animation:3.5s ease-in-out infinite float-soft;display:grid}.avatar{background:var(--gradient-accent);color:var(--color-on-accent);letter-spacing:.02em;box-shadow:var(--shadow-glow);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;line-height:1;display:inline-grid}.spinner{width:var(--spinner-size,20px);height:var(--spinner-size,20px);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.7s linear infinite spin}.spinner-page{min-height:60vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-topbar{z-index:60;align-items:center;gap:var(--space-3);height:60px;padding:0 var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex;position:sticky;top:0}.app-topbar-brand{border-radius:var(--radius-md);transition:opacity var(--dur-fast) ease;align-items:center;text-decoration:none;display:inline-flex}.app-topbar-brand:hover{opacity:.82}.app-logo{object-fit:contain;display:block}.app-topbar-user{align-items:center;margin-left:auto;display:flex}.user-menu{position:relative}.user-menu-trigger{align-items:center;gap:var(--space-3);padding:4px 4px 4px var(--space-3);cursor:pointer;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;border-radius:999px;display:flex}.user-menu-trigger:hover{background:var(--color-surface);border-color:var(--color-border)}.user-menu-welcome{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.user-menu-welcome strong{color:var(--color-text);font-weight:650}.user-menu-dropdown{top:calc(100% + var(--space-2));width:260px;padding:var(--space-2);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:70;transform-origin:100% 0;animation:pop-in var(--dur-fast) var(--ease-spring) both;position:absolute;right:0}.user-menu-head{align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--gradient-accent-soft);display:flex}.user-menu-head-info{min-width:0}.user-menu-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.user-menu-email{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-role{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);margin-top:4px;padding:2px 6px;display:inline-block}.user-menu-section{padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.user-menu-section-last{border-bottom:none;margin-bottom:0;padding-bottom:0}.user-menu-item{align-items:center;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);background:0 0;border:none;font-weight:500;display:flex}.user-menu-item:hover{background:var(--color-accent-bg);transform:translate(2px)}.user-menu-item-icon{font-size:15px;line-height:1}.user-menu-item-danger{color:var(--color-danger)}.user-menu-item-danger:hover{background:var(--color-danger-bg)}.app-nav-toggle{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:none}.app-nav-toggle-icon{width:18px;height:14px;position:relative}.app-nav-toggle-icon span{background:var(--color-text);width:100%;height:2px;transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-fast) ease, top var(--dur-med) var(--ease-out);border-radius:2px;position:absolute;left:0}.app-nav-toggle-icon span:first-child{top:0}.app-nav-toggle-icon span:nth-child(2){top:6px}.app-nav-toggle-icon span:nth-child(3){top:12px}.app-nav-toggle-icon.is-open span:first-child{top:6px;transform:rotate(45deg)}.app-nav-toggle-icon.is-open span:nth-child(2){opacity:0}.app-nav-toggle-icon.is-open span:nth-child(3){top:6px;transform:rotate(-45deg)}.app-body{flex:1;min-height:0;display:flex}.app-nav{border-right:1px solid var(--color-border);background:var(--glass-bg);width:232px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-4);flex-direction:column;flex-shrink:0;gap:2px;display:flex}.app-nav-link{padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);align-items:center;font-weight:500;text-decoration:none;display:flex;position:relative}.app-nav-link:hover{background:var(--color-accent-bg);color:var(--color-text);transform:translate(2px)}.app-nav-link-active{background:var(--gradient-accent-soft);color:var(--color-accent);font-weight:650}.app-nav-link-active:before{content:"";left:calc(-1 * var(--space-4));background:var(--gradient-accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.app-nav-badge{background:linear-gradient(135deg, var(--color-warning), #d98b1a);color:#fff;min-width:18px;height:18px;font-size:var(--text-xs);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 8px -2px #b26a0099}.app-nav-backdrop{display:none}.app-content{min-width:0;padding:var(--space-6);animation:fade-in var(--dur-med) var(--ease-out) both;flex:1}@media (width<=860px){.app-nav-toggle{display:inline-flex}.app-topbar{padding:0 var(--space-4)}.user-menu-welcome{display:none}.user-menu-trigger{padding:4px}.user-menu-dropdown{width:240px}.app-nav{z-index:55;width:min(280px,82vw);transition:transform var(--dur-med) var(--ease-out);box-shadow:var(--shadow-lg);position:fixed;top:60px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-nav-open{transform:translate(0)}.app-nav-backdrop{z-index:54;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-fast) ease both;background:#10182866;display:block;position:fixed;inset:60px 0 0}.app-content{padding:var(--space-4)}}@media (width<=480px){.app-content{padding:var(--space-3)}}@media print{.app-topbar,.app-nav,.app-nav-toggle{display:none}.app-content{padding:0}}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi-grid>*{animation:fade-up var(--dur-med) var(--ease-out) both}.kpi-grid>:nth-child(2){animation-delay:50ms}.kpi-grid>:nth-child(3){animation-delay:.1s}.kpi-grid>:nth-child(4){animation-delay:.15s}.kpi-grid>:nth-child(5){animation-delay:.2s}.kpi-grid>:nth-child(6){animation-delay:.25s}.kpi-card-anchor{color:inherit;text-decoration:none;display:block}.kpi-card{gap:var(--space-2);flex-direction:column;display:flex}.kpi-card-link{transition:border-color var(--dur-med) ease, box-shadow var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out)}.kpi-card-link:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.kpi-card-value{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-card-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kpi-card-label{font-size:var(--text-sm);color:var(--color-text-muted)}.kpi-card-value{font-size:var(--text-xl);font-weight:600}.kpi-card-sub{font-size:var(--text-xs);color:var(--color-text-faint)}.chart-grid{gap:var(--space-4);grid-template-columns:2fr 1fr;align-items:stretch;display:grid}.chart-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);gap:var(--space-3);animation:fade-up var(--dur-med) var(--ease-out) both;flex-direction:column;display:flex}.chart-card-title{font-size:var(--text-base);font-weight:600}.orders-status-chart{gap:var(--space-3);flex-direction:column;display:flex}.orders-status-legend{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.orders-status-legend li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-label{color:var(--color-text-muted);flex:1}.dashboard-quick-actions{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.skeleton-card{background:var(--color-border);opacity:.5;border-radius:var(--radius-lg);position:relative;overflow:hidden}.skeleton-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);animation:1.4s infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.auth-page{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.auth-brand-panel{padding:var(--space-8);color:#fff;isolation:isolate;background:linear-gradient(150deg,#0b5a5e 0%,#0d7d82 40%,#3f4bd6 100%);align-items:center;display:flex;position:relative;overflow:hidden}.auth-brand-inner{z-index:2;max-width:420px;position:relative}.auth-brand-logo{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-5);background:#fff;align-items:center;display:inline-flex}.auth-brand-tag{font-size:var(--text-lg);color:#ffffffe0;margin:0 0 var(--space-6);line-height:1.5}.auth-brand-points{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-brand-points li{padding-left:var(--space-5);font-size:var(--text-base);color:#ffffffeb;position:relative}.auth-brand-points li:before{content:"✓";color:#fff;font-weight:800;position:absolute;top:0;left:0}.auth-brand-glow{filter:blur(50px);z-index:1;border-radius:50%;animation:8s ease-in-out infinite float-soft;position:absolute}.auth-brand-glow-1{background:#ffffff2e;width:340px;height:340px;top:-80px;right:-60px}.auth-brand-glow-2{background:#4f46e559;width:300px;height:300px;animation-delay:-4s;bottom:-100px;left:-40px}.auth-form-wrap{padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:440px}.auth-header{margin-bottom:var(--space-5);text-align:center}.auth-header-logo{margin:0 auto var(--space-4);display:inline-block}.auth-header h2{font-size:var(--text-xl)}.auth-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-error{font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);padding:var(--space-3);animation:pop-in var(--dur-fast) var(--ease-spring) both;border:1px solid #d63a2f40}.auth-footer{margin-top:var(--space-4);font-size:var(--text-sm);text-align:center;color:var(--color-text-muted);gap:var(--space-2);flex-direction:column;display:flex}.auth-two-col{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.auth-section-title{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.auth-link-button{color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:600}.auth-link-button:hover{text-decoration:underline}@media (width<=860px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}}@media (width<=480px){.auth-two-col{grid-template-columns:1fr}.auth-form-wrap{padding:var(--space-4)}}.profile-hero{align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--gradient-accent-soft);animation:fade-up var(--dur-med) var(--ease-out) both;display:flex}.profile-hero-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.profile-hero-info h2{font-size:var(--text-xl)}.profile-hero-email{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.profile-hero-info .badge{margin-top:var(--space-1);text-transform:capitalize;align-self:flex-start}.profile-hero-company{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);width:64px;height:64px;box-shadow:var(--shadow-sm);flex-shrink:0;place-items:center;font-size:30px;display:grid}.users-page{gap:var(--space-5);flex-direction:column;max-width:760px;display:flex}.users-page-wide{max-width:none}.users-page>h2{font-size:var(--text-xl)}.detail-grid dd{margin:0}.toolbar-between{justify-content:space-between}.catalog-admin-page{gap:var(--space-5);flex-direction:column;display:flex}.catalog-admin-page>h2{font-size:var(--text-xl)}.catalog-page{gap:var(--space-6);align-items:flex-start;display:flex}.catalog-sidebar{flex-shrink:0;width:240px}.catalog-main{flex:1;min-width:0}.catalog-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.catalog-toolbar-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.catalog-title{font-size:var(--text-xl);letter-spacing:-.02em}.catalog-count{font-size:var(--text-sm);color:var(--color-text-muted)}.catalog-search{flex:240px;max-width:360px;position:relative}.catalog-search-icon{color:var(--color-text-faint);pointer-events:none;z-index:1;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.catalog-search .field{width:100%}.catalog-search .field-input{background:var(--color-surface);border-radius:999px;width:100%;height:42px;padding-left:38px}.catalog-toolbar .field{min-width:0}.category-tree{gap:var(--space-1);flex-direction:column;display:flex}.category-tree-all{text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none}.category-tree-all:hover{background:var(--color-accent-bg);color:var(--color-text)}.category-tree-all-active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:500}.category-tree-list{margin:0;padding:0;list-style:none}.category-tree-list .category-tree-list{padding-left:var(--space-4)}.category-tree-row{align-items:center;gap:var(--space-1);display:flex}.category-tree-toggle{width:20px;height:20px;color:var(--color-text-faint);cursor:pointer;font-size:var(--text-xs);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.category-tree-name{text-align:left;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;flex:1}.category-tree-name:hover{background:var(--color-accent-bg)}.category-tree-name-active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:500}.breadcrumb{font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb-sep{margin:0 var(--space-2)}.breadcrumb-current{color:var(--color-text);font-weight:500}.product-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.product-grid>*{animation:fade-up var(--dur-med) var(--ease-out) both}.product-grid>:nth-child(3n+2){animation-delay:50ms}.product-grid>:nth-child(3n){animation-delay:.1s}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;transition:box-shadow var(--dur-med) var(--ease-out), border-color var(--dur-med) ease, transform var(--dur-med) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-border);transform:translateY(-4px)}.product-card-image img{transition:transform var(--dur-slow) var(--ease-out)}.product-card:hover .product-card-image img{transform:scale(1.06)}.product-card-image{aspect-ratio:1;background:var(--color-surface-sunken);position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;display:block}.product-card-placeholder{width:100%;height:100%;color:var(--color-text-faint);background:radial-gradient(circle at 30% 25%, #0d7d8214, transparent 60%), radial-gradient(circle at 75% 80%, #4f46e514, transparent 60%), var(--color-surface-sunken);place-items:center;display:grid}.product-card-badge{top:var(--space-2);right:var(--space-2);z-index:2;background:var(--color-surface);box-shadow:var(--shadow-sm);position:absolute}.product-card-quickadd{left:var(--space-2);right:var(--space-2);bottom:var(--space-2);z-index:2;opacity:0;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);position:absolute;transform:translateY(8px)}.product-card:hover .product-card-quickadd,.product-card:focus-within .product-card-quickadd{opacity:1;transform:translateY(0)}.product-quickadd-btn{-webkit-backdrop-filter:saturate(140%)blur(2px);backdrop-filter:saturate(140%)blur(2px);width:100%;height:34px}@media (hover:none){.product-card-quickadd{opacity:1;transform:none}}.product-card-oos .product-card-image img,.product-card-oos .product-card-placeholder{filter:grayscale(.6);opacity:.7}.product-card-body{gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.product-card-name{font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-ref{font-size:var(--text-xs);color:var(--color-text-faint)}.product-card-price-row{align-items:baseline;gap:var(--space-2);margin-top:var(--space-2);display:flex}.product-card-price{font-size:var(--text-lg);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.product-card-gst{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.product-card-skeleton{aspect-ratio:3/4;border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-border) 25%, var(--color-bg) 37%, var(--color-border) 63%);background-size:400% 100%;animation:1.4s infinite catalog-shimmer}@keyframes catalog-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.catalog-load-more{margin-top:var(--space-5);justify-content:center;display:flex}.product-detail-layout{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:minmax(280px,420px) 1fr;display:grid}.product-gallery-main{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden}.product-gallery-main img{object-fit:contain;width:100%;height:100%}.product-gallery-thumbs{gap:var(--space-2);margin-top:var(--space-3);display:flex}.product-thumb{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;width:56px;height:56px;padding:0;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-thumb-active{border-color:var(--color-accent)}.product-info{gap:var(--space-3);flex-direction:column;display:flex}.product-ref{color:var(--color-text-faint);font-size:var(--text-sm)}.product-price{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:600}.product-gst{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.product-specs{gap:var(--space-2) var(--space-4);grid-template-columns:max-content 1fr;display:grid}.product-specs dt{color:var(--color-text-muted);font-size:var(--text-sm)}.product-specs dd{margin:0}.product-description{color:var(--color-text-muted);line-height:1.6}.product-actions-placeholder{gap:var(--space-3);margin-top:var(--space-2);display:flex}@media (width<=900px){.catalog-page{flex-direction:column}.catalog-sidebar{width:100%}.product-detail-layout{grid-template-columns:1fr}}.star-display{font-size:var(--text-base);gap:2px;line-height:1;display:inline-flex}.star-display-sm{font-size:var(--text-sm)}.star-display .star-full{color:var(--color-warning)}.star-display .star-empty{color:var(--color-border-strong)}.star-input{gap:var(--space-1);display:inline-flex}.star-button{font-size:var(--text-xl);color:var(--color-border-strong);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.star-button-filled{color:var(--color-warning)}.product-rating-summary{align-items:center;gap:var(--space-2);margin:var(--space-1) 0;flex-wrap:wrap;display:flex}.product-rating-value{font-size:var(--text-sm);font-weight:600}.product-rating-count{font-size:var(--text-sm);color:var(--color-text-muted)}.review-list{gap:var(--space-4);margin-top:var(--space-3);flex-direction:column;display:flex}.review-item{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-item-meta{align-items:center;gap:var(--space-2);display:flex}.review-item-time{font-size:var(--text-xs);color:var(--color-text-faint)}.review-item-body{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text)}.review-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.review-row:last-child{border-bottom:none}.review-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.review-row-name{font-size:var(--text-sm);font-weight:500}.review-row-ref{font-size:var(--text-xs);color:var(--color-text-faint)}.review-row-existing{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg);border:1px solid var(--color-border);width:40px;height:40px;display:block}.admin-thumb-placeholder{border-radius:var(--radius-sm);background:var(--color-border);width:40px;height:40px}.row-hidden{opacity:.55}.tabular-cell{font-variant-numeric:tabular-nums}.image-uploader{gap:var(--space-3);flex-direction:column;display:flex}.image-uploader-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.image-uploader-item{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);width:96px;height:96px;position:relative;overflow:hidden}.image-uploader-item img{object-fit:cover;width:100%;height:100%;display:block}.image-uploader-primary-badge{top:var(--space-1);left:var(--space-1);position:absolute}.image-uploader-remove{top:var(--space-1);right:var(--space-1);color:#fff;cursor:pointer;width:22px;height:22px;line-height:1;font-size:var(--text-sm);background:#0a0e1099;border:none;border-radius:999px;position:absolute}.image-uploader-dropzone{border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);background:var(--color-bg);width:96px;height:96px;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;text-align:center;padding:var(--space-2);justify-content:center;align-items:center;display:flex}.image-uploader-dropzone:hover{border-color:var(--color-accent);color:var(--color-accent)}.image-uploader-dropzone input{display:none}.admin-category-tree{margin:0;padding:0;list-style:none}.admin-category-tree .admin-category-tree{padding-left:var(--space-5)}.admin-category-row{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.admin-category-toggle{width:20px;height:20px;color:var(--color-text-faint);cursor:pointer;font-size:var(--text-xs);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-category-name{font-size:var(--text-sm);flex:1}.admin-category-code{font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-mono)}.admin-category-actions{gap:var(--space-1);display:flex}.addresses-page{gap:var(--space-5);flex-direction:column;display:flex}.addresses-page>h2{font-size:var(--text-xl)}.page-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.address-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.address-grid>*{animation:fade-up var(--dur-med) var(--ease-out) both}.address-grid>:nth-child(2n){animation-delay:50ms}.address-grid>:nth-child(3n){animation-delay:.1s}.address-card{gap:var(--space-2);transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), border-color var(--dur-med) ease;flex-direction:column;display:flex}.address-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-border);transform:translateY(-3px)}.address-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.address-card-title{font-size:var(--text-base);font-weight:600}.address-card-name{font-size:var(--text-sm);font-weight:500}.address-card-lines{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.address-card-phone{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.address-card-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.cart-page{gap:var(--space-6);grid-template-columns:1fr minmax(360px,440px);align-items:start;display:grid}.cart-page>h2{font-size:var(--text-xl);grid-column:1/-1}.cart-items{flex-direction:column;display:flex}.cart-row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:64px 1fr auto auto auto;align-items:center;display:grid}.cart-row:last-child{border-bottom:none}.cart-row-image{border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);flex-shrink:0;width:64px;height:64px;overflow:hidden}.cart-row-image img{object-fit:cover;width:100%;height:100%;display:block}.cart-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cart-row-name{font-size:var(--text-sm);font-weight:500}.cart-row-ref{font-size:var(--text-xs);color:var(--color-text-faint)}.cart-row-warning{font-size:var(--text-xs);color:var(--color-warning);margin-top:2px}.cart-row-price,.cart-row-total{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.cart-row-total{font-weight:600}.qty-stepper{align-items:center;gap:var(--space-2);display:flex}.qty-stepper button{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);width:28px;height:28px;color:var(--color-text);cursor:pointer;font-size:var(--text-sm);line-height:1}.qty-stepper button:disabled{opacity:.5;cursor:not-allowed}.qty-stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:var(--text-sm)}.cart-remove{color:var(--color-text-faint);cursor:pointer;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:0 0;border:none}.cart-remove:hover{color:var(--color-danger)}.cart-summary{gap:var(--space-3);flex-direction:column;display:flex}.cart-summary-row{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.cart-summary-total{font-size:var(--text-lg);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-variant-numeric:tabular-nums;justify-content:space-between;font-weight:600;display:flex}.cart-address-select{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}@media (width<=900px){.cart-page{grid-template-columns:1fr}}@media (width<=560px){.cart-row{gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;grid-template-columns:56px 1fr auto;grid-template-areas:"img info remove""img qty price";align-items:center}.cart-row-image{grid-area:img;align-self:start}.cart-row-info{grid-area:info}.cart-remove{grid-area:remove;justify-self:end}.qty-stepper{grid-area:qty}.cart-row-price{display:none}.cart-row-total{font-size:var(--text-base);grid-area:price;justify-self:end}}.orders-page{gap:var(--space-5);flex-direction:column;display:flex}.orders-page-wide{max-width:none}.orders-page>h2{font-size:var(--text-xl)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-heading{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.order-heading h2{font-size:var(--text-xl)}.order-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.order-actions-end{justify-content:flex-end}.order-detail{gap:var(--space-5);flex-direction:column;display:flex}.order-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.order-detail-headline{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.order-detail-headline-top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-detail-headline-top h2{font-size:var(--text-2xl)}.order-detail-sub{gap:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.order-detail-sub span strong{color:var(--color-text);font-weight:600}.order-detail-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.order-detail-body{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.order-detail-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.order-detail-aside{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:76px}.order-detail-aside .card{padding:var(--space-4)}.order-aside-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);margin-bottom:var(--space-3);font-weight:700}@media (width<=1024px){.order-detail-body{grid-template-columns:1fr}.order-detail-aside{position:static}}.order-cta{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-accent-border);background:var(--gradient-accent-soft);animation:pop-in var(--dur-med) var(--ease-spring) both;flex-wrap:wrap;display:flex}.order-cta-warning{background:var(--color-warning-bg);border-color:#b26a004d}.order-cta-danger{background:var(--color-danger-bg);border-color:#d63a2f4d}.order-cta-text h3{margin:0 0 var(--space-1);font-size:var(--text-base)}.order-cta-text p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:60ch;margin:0}.order-cta-actions{gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}@media (width<=560px){.order-cta-actions{width:100%}.order-cta-actions .btn{flex:1}}.order-top-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;display:grid}.order-top-grid>.card{height:100%}.order-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border);display:flex;overflow-x:auto}.order-tab{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;font-weight:500}.order-tab:hover{color:var(--color-text)}.order-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.order-tab-panel{min-width:0}.order-split-layout{gap:var(--space-4);grid-template-columns:2fr 1fr;align-items:start;display:grid}.order-split-main{min-width:0}.order-split-side{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}@media (width<=860px){.order-split-layout{grid-template-columns:1fr}}.order-top-grid-3col{gap:var(--space-6);grid-template-columns:1fr;align-items:stretch;display:grid}.order-top-grid-3col>.card{flex-direction:column;height:100%;display:flex}.order-col-badge{margin:var(--space-2) 0 var(--space-3)}.order-invoice-link{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);background:var(--color-accent-bg);font-size:var(--text-sm);font-weight:500;display:flex}.order-top-grid-3col .order-timeline{margin-top:var(--space-2)}@media (width>=768px){.order-top-grid-3col{grid-template-columns:repeat(3,1fr)}}.order-delivery-list{gap:var(--space-3);margin:var(--space-3) 0 0;flex-direction:column;display:flex}.order-delivery-list dt{color:var(--color-text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.order-delivery-list dd{margin:var(--space-1) 0 0;font-size:var(--text-sm);word-break:break-word}.toolbar{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.pagination{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.field-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-2) 0 0}.form-grid{gap:var(--space-4);margin-top:var(--space-3);flex-direction:column;display:flex}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=560px){.form-row{grid-template-columns:1fr}}.detail-grid{gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;grid-template-columns:max-content 1fr;display:grid}.detail-grid dt{color:var(--color-text-muted);font-size:var(--text-sm)}.detail-grid dd{word-break:break-word;margin:0}.order-timeline{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.order-timeline-step{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-faint);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;display:flex}.order-timeline-step:after{content:"→";margin-left:var(--space-2);color:var(--color-border-strong)}.order-timeline-step:last-child:after{content:"";margin:0}.order-timeline-step-done{color:var(--color-on-accent);background:var(--gradient-accent);box-shadow:var(--shadow-glow);border-color:#0000;font-weight:600}.order-timeline-check{font-weight:700;display:inline-flex}.order-timeline-step-current{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-bg);font-weight:600}.order-timeline-step-rejected{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg);font-weight:500}.order-quote-banner{justify-content:space-between;align-items:center;gap:var(--space-4);border-color:var(--color-accent-border);background:var(--color-accent-bg);flex-wrap:wrap;display:flex}.order-quote-banner-text h3{margin:0 0 var(--space-1)}.order-quote-banner-text p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.order-quote-banner-actions{gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}@media (width<=640px){.order-quote-banner-actions{width:100%}.order-quote-banner-actions .btn{flex:1}}.order-summary{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.order-summary-row{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.order-summary-total{font-size:var(--text-lg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--gradient-accent-soft);border:1px solid var(--color-accent-border);color:var(--color-accent);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:auto;font-weight:700;display:flex}.order-meta-stack{gap:var(--space-4);flex-direction:column;display:flex}.order-meta-stack>.card{padding:var(--space-4) var(--space-5)}.order-meta-card{flex-direction:column;display:flex}.order-meta-facts{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.order-meta-subhead{margin-top:var(--space-4);margin-bottom:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.order-meta-fact{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.order-meta-k{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);font-weight:700}.order-meta-v{font-size:var(--text-base);color:var(--color-text);word-break:break-word}.order-detail-main-full{width:100%}.order-status-row{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.order-cta-compact{padding:var(--space-2) var(--space-3);gap:var(--space-3);flex-shrink:0;animation:none}.order-cta-compact .order-cta-text h3{font-size:var(--text-sm);margin:0}.quote-editor{gap:var(--space-4);flex-direction:column;display:flex}.quote-calc{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-accent-border);background:var(--gradient-accent-soft);flex-direction:column;display:flex}.quote-calc-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.quote-calc-stat{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex}.quote-calc-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-weight:700}.quote-calc-value{font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.quote-calc-stat-total{background:var(--gradient-accent);box-shadow:var(--shadow-glow);border-color:#0000}.quote-calc-stat-total .quote-calc-label{color:#ffffffd9}.quote-calc-stat-total .quote-calc-value{color:var(--color-on-accent)}.quote-calc-note{padding-top:var(--space-2);border-top:1px dashed var(--color-accent-border);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.quote-table-scroll{overflow-x:auto}@media (width<=640px){.quote-calc-stats{grid-template-columns:1fr}}.quotation-row-input{width:90px}.quotation-title-input{width:100%;min-width:180px}.rfq-highlight{background:var(--color-warning-bg)}.order-status-pill-solid{background:var(--color-success);color:var(--color-on-accent)}.order-messages-list{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.order-message{gap:var(--space-2);max-width:80%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);display:flex}.order-message-avatar{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);width:28px;height:28px;color:var(--color-text-muted);font-size:var(--text-xs);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.order-message-content{flex:1;min-width:0}.order-message-buyer{align-self:flex-start}.order-message-staff{background:var(--color-accent-bg);border-color:var(--color-accent-border);flex-direction:row-reverse;align-self:flex-end}.order-message-staff .order-message-avatar{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.order-message-staff .order-message-meta{flex-direction:row-reverse}.order-message-change{border-color:var(--color-warning);background:var(--color-warning-bg)}.order-message-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.order-message-author{font-size:var(--text-sm);font-weight:600}.order-message-time{font-size:var(--text-xs);color:var(--color-text-faint)}.order-message-body{font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;margin:0}.order-message-composer{align-items:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.order-message-composer-input{resize:none;flex:1;min-width:0;min-height:40px;max-height:200px;overflow-y:auto}.order-message-composer-submit{flex:none;align-self:flex-end}@media (width<=560px){.order-message{max-width:100%}.order-message-composer{flex-direction:column;align-items:stretch}}.order-change-request-banner{margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-bg);font-size:var(--text-sm)}@media (width<=700px){.order-timeline{flex-wrap:wrap}}@media print{.order-actions,.order-tabs,.order-invoice-link,.order-quote-banner{display:none}}.invoice-page{gap:var(--space-4);flex-direction:column;align-items:center;display:flex}.invoice-actionbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;max-width:900px;display:flex}.invoice-actionbar-title{align-items:center;gap:var(--space-3);display:flex}.invoice-actionbar-title h2{font-size:var(--text-lg)}.invoice-actionbar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.invoice-sheet{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:900px;box-shadow:var(--shadow-md);padding:var(--space-8);animation:fade-up var(--dur-med) var(--ease-out) both;position:relative;overflow:hidden}.invoice-sheet:before{content:"";background:var(--gradient-accent);height:4px;position:absolute;top:0;left:0;right:0}.invoice-sheet-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.invoice-brand{align-items:center;gap:var(--space-3);display:flex}.invoice-head-right{text-align:right;align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.invoice-doc-label{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-faint);font-weight:700}.invoice-doc-number{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:800}.invoice-head-right .badge{margin-top:var(--space-1)}.invoice-meta{gap:var(--space-3) var(--space-8);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.invoice-meta-item{flex-direction:column;gap:2px;display:flex}.invoice-meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);font-weight:600}.invoice-meta-value{font-size:var(--text-sm);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.invoice-parties{gap:var(--space-6);padding:var(--space-5) 0;grid-template-columns:1fr 1fr;display:grid}.invoice-party-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-2);font-weight:700}.invoice-party-name{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:650}.invoice-party-lines{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.invoice-party-lines span{display:block}.invoice-party-lines .mono{font-variant-numeric:tabular-nums}.invoice-items{padding-top:var(--space-3)}.invoice-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:700}.invoice-totals{padding-top:var(--space-5);justify-content:flex-end;display:flex}.invoice-totals-box{gap:var(--space-2);flex-direction:column;width:100%;max-width:340px;display:flex}.invoice-totals-row{justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;display:flex}.invoice-totals-row span:last-child{color:var(--color-text);font-weight:500}.invoice-totals-grand{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-2);padding-top:var(--space-3);border-top:2px solid var(--color-border);font-variant-numeric:tabular-nums;align-items:baseline;display:flex}.invoice-totals-grand .label{font-size:var(--text-base);font-weight:700}.invoice-totals-grand .amount{font-size:var(--text-xl);background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.invoice-note{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-faint);text-align:center}@media (width<=640px){.invoice-sheet{padding:var(--space-5)}.invoice-parties{gap:var(--space-4);grid-template-columns:1fr}.invoice-head-right{text-align:left;align-items:flex-start}.invoice-totals-box{max-width:none}}@media print{.invoice-actionbar{display:none}.invoice-sheet{max-width:none;box-shadow:none;border:none;padding:0;animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f7fb;--color-bg-tint:#eef2f8;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#f7f9fc;--color-border:#e4e9f0;--color-border-strong:#cbd3de;--color-text:#101828;--color-text-muted:#566072;--color-text-faint:#8a93a3;--color-accent:#0d7d82;--color-accent-2:#4f46e5;--color-accent-hover:#0a656a;--color-accent-bg:#0d7d8217;--color-accent-border:#0d7d8252;--color-on-accent:#fff;--gradient-accent:linear-gradient(135deg, #0d7d82 0%, #1f8f93 45%, #4f46e5 100%);--gradient-accent-soft:linear-gradient(135deg, #0d7d821f, #4f46e51f);--gradient-sheen:linear-gradient(120deg, transparent 20%, #ffffff8c 50%, transparent 80%);--gradient-surface:linear-gradient(180deg, #ffffffe6, #f7f9fcb3);--color-success:#0f9d58;--color-success-bg:#0f9d581a;--color-warning:#b26a00;--color-warning-bg:#b26a001f;--color-danger:#d63a2f;--color-danger-bg:#d63a2f1a;--color-super:#6d4aff;--color-super-bg:#6d4aff1f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--shadow-sm:0 1px 2px #1018280d, 0 1px 3px #1018280a;--shadow-md:0 8px 24px -8px #10182824, 0 2px 6px #1018280d;--shadow-lg:0 24px 60px -12px #10182838, 0 8px 20px -8px #1018281a;--shadow-glow:0 8px 30px -6px #0d7d8259;--shadow-glow-strong:0 10px 40px -4px #0d7d8280;--glass-bg:#ffffffb8;--glass-border:#ffffffa6;--glass-blur:saturate(180%) blur(16px);--focus-ring:0 0 0 3px var(--color-accent-border);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-med:.28s;--dur-slow:.5s}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-color:var(--color-bg);background-image:radial-gradient(60vw 60vw at 8% -8%,#0d7d821f,#0000 60%),radial-gradient(50vw 50vw at 105% 0,#4f46e51f,#0000 55%),radial-gradient(55vw 55vw at 50% 115%,#1f8f931a,#0000 60%);background-attachment:fixed;margin:0;line-height:1.5}code,kbd,.mono,.tabular-nums{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums}.text-right{text-align:right}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:650}a{color:var(--color-accent)}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--color-accent-bg);color:var(--color-accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #0f9d5866}50%{box-shadow:0 0 0 10px #0f9d5800}}@keyframes check-draw{to{stroke-dashoffset:0}}@keyframes check-ring{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--cx,0), var(--cy,-60px)) rotate(var(--cr,220deg))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.anim-fade-up{animation:fade-up var(--dur-med) var(--ease-out) both}.anim-fade-in{animation:fade-in var(--dur-med) var(--ease-out) both}.anim-pop{animation:pop-in var(--dur-med) var(--ease-spring) both}.stagger>*{animation:fade-up var(--dur-med) var(--ease-out) both}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}.stagger>:nth-child(7){animation-delay:.26s}.stagger>:nth-child(8){animation-delay:.3s}.stagger>:nth-child(n+9){animation-delay:.34s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}