.elite-alert-wrapper{--alert-bg:color-mix(in srgb, var(--surface-inverse-strong) 94%, var(--alert-accent) 6%);--alert-border:color-mix(in srgb, var(--alert-accent) 28%, var(--text-on-inverse) 10%);--alert-accent:var(--primary);--alert-text:var(--text-on-inverse);--alert-text-dim:color-mix(in srgb, var(--text-on-inverse) 70%, var(--alert-accent) 30%);--alert-muted:color-mix(in srgb, var(--text-on-inverse) 50%, transparent);--alert-shadow:0 22px 56px -22px #020617b8, 0 10px 28px -18px var(--alert-accent);background:var(--alert-bg);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--alert-border);width:min(440px,100vw - 32px);min-width:min(340px,100vw - 32px);box-shadow:var(--alert-shadow);z-index:9999;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:14px;padding:16px 18px 17px;display:flex;position:relative;overflow:hidden}.alert-success{--alert-accent:var(--success)}.alert-warning{--alert-accent:var(--warning)}.alert-error{--alert-accent:var(--danger)}.alert-info{--alert-accent:var(--info)}.alert-system{--alert-accent:var(--neutral)}@keyframes alert-enter{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes alert-exit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(10px);transform:scale(1.05)}}@keyframes element-reveal{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.elite-alert-wrapper.enter{animation:.4s cubic-bezier(.25,1,.5,1) forwards alert-enter}.elite-alert-wrapper.exit{animation:.4s cubic-bezier(.25,1,.5,1) forwards alert-exit}.stagger-1{animation:.4s cubic-bezier(.25,1,.5,1) .1s both element-reveal}.stagger-2{animation:.4s cubic-bezier(.25,1,.5,1) .2s both element-reveal}.stagger-3{animation:.4s cubic-bezier(.25,1,.5,1) .3s both element-reveal}.alert-accent-line{background:linear-gradient(180deg, var(--alert-accent), color-mix(in srgb, var(--alert-accent) 48%, transparent));width:5px;box-shadow:3px 0 18px -4px var(--alert-accent);position:absolute;top:0;bottom:0;left:0}.alert-icon-container{width:var(--stat-icon-size);height:var(--stat-icon-size);color:var(--alert-accent);border:1px solid color-mix(in srgb, var(--alert-accent) 36%, transparent);background:color-mix(in srgb, var(--alert-accent) 13%, transparent);border-radius:10px;flex-shrink:0;place-items:center;margin-top:1px;display:grid;box-shadow:inset 0 1px #ffffff14}.alert-content{flex-grow:1;min-width:0;padding-top:1px}.alert-title{color:var(--alert-text);letter-spacing:0;margin:0 0 5px;font-size:14px;font-weight:700;line-height:1.25}.alert-message{color:var(--alert-text-dim);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.alert-code-box{border:1px solid color-mix(in srgb, var(--alert-accent) 20%, #ffffff14);background:#0206177a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:7px 8px 7px 10px;display:flex}.alert-code-box code{font-family:var(--font-mono);color:var(--alert-accent);word-break:break-all;font-size:11px;line-height:1.45}.alert-copy-btn{color:var(--alert-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:5px;transition:all .2s;display:flex}.alert-copy-btn:hover{color:var(--alert-text);background:#ffffff1a}.alert-copy-btn:focus-visible,.alert-close-btn:focus-visible{outline:2px solid var(--alert-accent);outline-offset:2px}.alert-copy-btn.copied{color:oklch(70% .15 150)}.alert-close-btn{color:var(--alert-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;min-width:32px;min-height:32px;margin-top:-4px;margin-right:-8px;padding:6px;transition:all .2s}.alert-close-btn:hover{color:var(--alert-text);background:#ffffff1a;transform:scale(1.04)}.alert-progress-track{background:#ffffff08;height:3px;position:absolute;bottom:0;left:5px;right:0}.alert-progress-fill{background:var(--alert-accent);opacity:.5;width:0%;height:100%;animation-name:progress-shrink;animation-timing-function:linear;animation-fill-mode:forwards}@media (width<=520px){.elite-alert-wrapper{border-radius:10px;gap:12px;width:calc(100vw - 24px);min-width:0;padding:14px 14px 15px 16px}.alert-icon-container{border-radius:9px;width:34px;height:34px}.alert-title{font-size:14px}.alert-message{font-size:13px}}@media (prefers-reduced-motion:reduce){.elite-alert-wrapper.enter,.elite-alert-wrapper.exit,.stagger-1,.stagger-2,.stagger-3,.alert-progress-fill{animation-duration:.01ms!important}.alert-close-btn,.alert-copy-btn{transition-duration:.01ms!important}}@keyframes progress-shrink{0%{width:100%}to{width:0%}}.admin-layout{--sidebar-full:280px;--sidebar-mini:84px;--sidebar-w:var(--sidebar-full);--shell-sidebar:#172235;--shell-sidebar-elevated:#1d2a3e;--shell-sidebar-text:#f4fafc;--shell-sidebar-muted:#b8c7d3;--shell-sidebar-subtle:#d4e0e7;--shell-sidebar-brand:#55d6bd;--shell-sidebar-border:#e2e8f021;--shell-sidebar-hover:#fff1;--shell-sidebar-active:color-mix(in srgb, var(--primary) 22%, transparent);--shell-topbar:color-mix(in srgb, var(--bg-surface) 94%, #dce8ef);--shell-topbar-border:color-mix(in srgb, var(--border-base) 88%, #c5d4dc);background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.admin-layout.collapsed{--sidebar-w:var(--sidebar-mini)}[data-theme=dark] .admin-layout{--shell-sidebar:#101927;--shell-sidebar-elevated:#172338;--shell-sidebar-text:#f4fafc;--shell-sidebar-muted:#bac9d6;--shell-sidebar-subtle:#d4e2e9;--shell-sidebar-brand:#6be4cb;--shell-sidebar-border:#cbd5e11f;--shell-sidebar-hover:#ffffff12;--shell-sidebar-active:color-mix(in srgb, var(--primary) 20%, transparent);--shell-topbar:color-mix(in srgb, var(--bg-surface) 92%, #0b1421);--shell-topbar-border:color-mix(in srgb, var(--border-base) 82%, #0b1421)}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--shell-sidebar);border-right:1px solid var(--shell-sidebar-border);height:100%;padding:var(--s-4) var(--s-3);z-index:1010;transition:width .4s var(--ease-out-quart), padding .4s var(--ease-out-quart);animation:sidebarEntrance .7s var(--ease-out-quart) forwards;will-change:width, padding;flex-direction:column;display:flex;position:relative}.sidebar.mini{padding:var(--s-4) var(--s-2);align-items:center}.sidebar-header{margin-bottom:var(--s-6);width:100%;min-height:72px;padding:0 var(--s-2);transition:all .4s var(--ease-out-quart);justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.sidebar.mini .sidebar-header{margin-bottom:var(--s-6);justify-content:center;padding:0}.sidebar-toggle-btn{background:var(--shell-topbar);border:1px solid var(--shell-topbar-border);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-sub);cursor:pointer;transition:all .3s var(--ease-out-quart);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn:hover{background:var(--primary-subtle);color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.sidebar-toggle-btn:active{transform:translateY(0)scale(.95)}.logo-group{align-items:center;gap:var(--s-1);width:100%;transition:all .4s var(--ease-out-quart);justify-content:flex-start;text-decoration:none;display:flex}.sidebar.mini .logo-group{justify-content:center;gap:0}.sidebar-logo{object-fit:contain;filter:drop-shadow(0 4px 6px #0000000d);width:70px;height:70px;transition:all .4s var(--ease-out-quart);transform-origin:50%;flex-shrink:0}.sidebar.mini .sidebar-logo{width:48px;height:48px;transform:scale(1.1)}.logo-text{color:var(--shell-sidebar-text);letter-spacing:0;white-space:nowrap;transition:opacity .3s var(--ease-out-quart), transform .4s var(--ease-out-quart);font-size:18px;font-weight:700;line-height:1}.sidebar.mini .logo-text{opacity:0;pointer-events:none;transform:translate(-10px)}.logo-text span{color:var(--shell-sidebar-brand)}.sidebar-nav{gap:var(--s-4);scrollbar-width:none;padding:0 var(--s-2);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{opacity:0;width:100%;animation:slideUpFade .6s var(--ease-out-quart) forwards;flex-direction:column;display:flex}.nav-group:first-child{animation-delay:.1s}.nav-group:nth-child(2){animation-delay:.15s}.nav-group:nth-child(3){animation-delay:.2s}.nav-group:nth-child(4){animation-delay:.25s}.nav-group:nth-child(5){animation-delay:.3s}.nav-section-header{cursor:pointer;border-radius:var(--radius-sm);width:100%;transition:all .2s var(--ease-out-quart);background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 10px;display:flex}.nav-section-header:hover{background:var(--shell-sidebar-hover)}.sidebar.mini .nav-section-header{justify-content:center;margin-bottom:8px;padding:10px 0}.mini-section-divider{background:var(--shell-sidebar-border);width:24px;height:1.5px;transition:width .3s var(--ease-out-quart);border-radius:1px}.nav-section-title{text-transform:uppercase;color:var(--shell-sidebar-muted);letter-spacing:.1em;opacity:.92;font-size:11px;font-weight:700;transition:opacity .2s}.group-chevron{color:var(--shell-sidebar-muted);transition:transform .4s var(--ease-out-quart);opacity:.82}.group-chevron.rotated{transform:rotate(90deg)}.nav-group-items-wrapper{transition:grid-template-rows .4s var(--ease-out-quart);grid-template-rows:0fr;display:grid;overflow:hidden}.nav-group.expanded .nav-group-items-wrapper{grid-template-rows:1fr}.nav-group-items{flex-direction:column;gap:2px;min-height:0;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--shell-sidebar-muted);transition:all .25s var(--ease-out-quart);white-space:nowrap;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-icon{width:20px;transition:transform .3s var(--ease-out-quart), color .3s ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar.mini .nav-item{justify-content:center;margin:0;padding:12px}.nav-item:hover{background-color:var(--shell-sidebar-hover);color:var(--shell-sidebar-text);padding-left:14px}.sidebar.mini .nav-item:hover{padding-left:12px}.nav-item:hover .nav-icon{color:var(--primary);transform:scale(1.15)}.nav-item:active{transform:scale(.97)}.nav-item.active{background:var(--shell-sidebar-active);color:var(--primary);font-weight:600}.nav-item:focus-visible,.nav-section-header:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-item.active:before{content:"";background-color:var(--primary);width:3px;animation:activeIndicatorGrow .4s var(--ease-out-quart) both;border-radius:0 4px 4px 0;position:absolute;top:8px;bottom:8px;left:0}@keyframes activeIndicatorGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.sidebar.mini .nav-item.active:before{left:-2px}.nav-label-group{transition:opacity .3s ease, transform .3s var(--ease-out-quart);flex-direction:column;line-height:1.15;display:flex}.sidebar.mini .nav-label-group{opacity:0;transform:translate(-10px)}.nav-label{letter-spacing:-.01em}.nav-sub-label{color:var(--shell-sidebar-subtle);opacity:.82;font-size:11px;font-weight:500}.nav-item.active .nav-sub-label{color:color-mix(in srgb, var(--primary) 72%, white);opacity:1}.nav-badge{background-color:var(--danger);min-width:18px;height:18px;color:var(--text-on-semantic);transition:all .3s var(--ease-out-quart);animation:badgePop .4s var(--ease-out-quart) both, badgePulse 2s infinite 1s;border-radius:9px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 8px #ef44444d}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes badgePulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.nav-item:hover .nav-badge{background-color:#ff5f5f;transform:scale(1.15)translateY(-1px)}.nav-badge.mini{border:2px solid var(--shell-sidebar);min-width:8px;height:8px;box-shadow:none;padding:0;font-size:0;animation:2s infinite pulseBadgeMini;position:absolute;top:8px;right:8px}@keyframes pulseBadgeMini{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.main-area{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.topnav{background:var(--shell-topbar);border-bottom:1px solid var(--shell-topbar-border);height:64px;padding:0 var(--s-6);z-index:1000;animation:topnavEntrance .7s var(--ease-out-quart) both;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.topnav-left{align-items:center;gap:var(--s-4);z-index:1;display:flex}.topnav-center{left:calc(50vw - var(--sidebar-w));gap:var(--s-8);height:100%;transition:left .4s var(--ease-out-quart);white-space:nowrap;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#9eafc15c;border-radius:10px;transition:background .2s}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#edf5f780}.nav-link-top{color:var(--text-sub);height:100%;transition:all .2s var(--ease-out-quart);align-items:center;padding:0 4px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link-top:after{content:"";background:var(--primary);width:0;height:2.5px;transition:all .3s var(--ease-out-quart);border-radius:20px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.nav-link-top:hover,.nav-link-top.active{color:var(--primary)}.nav-link-top.active:after{width:100%}.topnav-right{justify-content:flex-end;align-items:center;gap:var(--s-4);flex:1;display:flex}.user-profile-container{position:relative}.user-avatar-group{cursor:pointer;border-radius:var(--radius-md);font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:6px 8px;transition:background .2s,transform .2s;display:flex}.user-avatar-group:hover{background:color-mix(in srgb, var(--primary) 8%, transparent);transform:translateY(-1px)}.user-avatar-group:active{transform:translateY(0)}.user-info-text{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.user-name{color:var(--text-main);font-size:14px;font-weight:600}.user-role{color:var(--text-sub);font-size:11px}.user-avatar{background:var(--primary-subtle);width:36px;height:36px;color:var(--primary);border:1px solid var(--primary);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .3s;display:flex}.user-avatar-group:hover .user-avatar{background:var(--primary);color:var(--text-on-primary)}.dropdown-arrow{color:var(--text-sub);transition:transform .3s var(--ease-out-quart)}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);z-index:1100;width:220px;animation:dropdownFadeIn .35s var(--ease-out-quart) both;transform-origin:100% 0;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-header{flex-direction:column;gap:2px;padding:12px;display:flex}.dropdown-header strong{color:var(--text-main);font-size:14px}.dropdown-header span{color:var(--text-sub);font-size:12px}.dropdown-divider{background:var(--border-subtle);height:1px;margin:4px 0}.dropdown-section-label{color:var(--text-sub);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px 4px;font-size:10px;font-weight:700}.dropdown-item{width:100%;color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--bg-app);color:var(--primary);transform:translate(4px)}.dropdown-item.logout{color:var(--danger)}.dropdown-item.logout:hover{background:var(--danger-subtle)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-subtle)}.dropdown-overlay{z-index:1090;background:0 0;border:0;position:fixed;inset:0}.profile-modal-layer{z-index:1400;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;border:0;position:absolute;inset:0}.profile-modal-card{border:1px solid var(--border-base);background:var(--bg-surface);width:min(620px,100vw - 32px);max-height:calc(100vh - 48px);animation:dropdownFadeIn .28s var(--ease-out-quart) both;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0f172a3d}.profile-modal-hero{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 24px;display:grid}.profile-modal-avatar{background:color-mix(in srgb, var(--primary) 24%, white);width:58px;height:58px;color:var(--text-main);text-transform:uppercase;border:1px solid #ffffff38;border-radius:18px;place-items:center;font-size:22px;font-weight:700;display:grid}.profile-modal-identity{min-width:0}.profile-modal-kicker{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.profile-modal-identity h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;font-weight:700;line-height:1.22;overflow:hidden}.profile-modal-identity p{color:#ffffffa8;margin:5px 0 0;font-size:13px;font-weight:600}.profile-status-pill{color:#a7f3d0;white-space:nowrap;background:#10b98129;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.profile-status-pill.inactive{color:var(--danger-border);background:#ef444429}.profile-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 24px 20px;display:grid}.profile-info-row{border:1px solid var(--border-subtle);background:var(--bg-app);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:13px 14px;display:grid}.profile-info-row svg{color:var(--primary)}.profile-info-row div{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-info-row span{color:var(--text-sub);font-size:11px;font-weight:700}.profile-info-row strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.profile-info-row-wide{grid-column:1/-1}.profile-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px 20px;display:flex}.profile-modal-footer span{color:var(--text-sub);font-size:12px;font-weight:600;line-height:1.45}.profile-modal-close-btn{border:1px solid var(--border-base);background:var(--bg-app);min-width:92px;height:38px;color:var(--text-main);cursor:pointer;transition:all .2s var(--ease-out-quart);border-radius:12px;font-size:13px;font-weight:700}.profile-modal-close-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.account-settings-modal-card{width:min(720px,100vw - 32px)}.account-settings-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);padding:22px 24px}.account-settings-header h2{color:var(--text-main);margin:0;font-size:22px;font-weight:700;line-height:1.2}.account-settings-header p{color:var(--text-sub);margin:6px 0 0;font-size:13px;font-weight:600;line-height:1.45}.account-settings-header .profile-modal-kicker{color:var(--primary)}.account-settings-body{gap:16px;max-height:min(600px,100vh - 238px);padding:18px 24px 24px;display:grid;overflow-y:auto}.account-settings-section{border:1px solid var(--border-subtle);background:var(--bg-app);border-radius:16px;padding:16px}.account-settings-section-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:14px;display:flex}.account-settings-section-title svg{color:var(--primary)}.account-settings-section-title strong{font-size:14px;font-weight:700}.account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.account-form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.account-form-field-wide{grid-column:1/-1}.account-form-field span{color:var(--text-sub);font-size:12px;font-weight:700}.account-form-field input{border:1px solid var(--border-base);background:var(--bg-surface);width:100%;height:42px;color:var(--text-main);font:inherit;transition:border-color .2s var(--ease-out-quart), box-shadow .2s var(--ease-out-quart);border-radius:12px;outline:none;padding:0 12px;font-size:13px;font-weight:600}.account-form-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.account-form-actions{justify-content:flex-end;margin-top:14px;display:flex}.account-primary-btn,.account-secondary-btn{cursor:pointer;min-width:150px;height:40px;transition:all .2s var(--ease-out-quart);border-radius:12px;padding:0 16px;font-size:13px;font-weight:700}.account-primary-btn{border:1px solid var(--primary);background:var(--primary);color:var(--text-on-primary)}.account-secondary-btn{border:1px solid var(--border-base);background:var(--bg-surface);color:var(--text-main)}.account-primary-btn:hover,.account-secondary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1a}.account-primary-btn:disabled,.account-secondary-btn:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}.account-settings-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px 20px;display:flex}.account-settings-footer span{color:var(--text-sub);font-size:12px;font-weight:600;line-height:1.45}@media (width<=640px){.profile-modal-layer{padding:14px}.profile-modal-card{width:min(100%,440px);max-height:calc(100vh - 28px);overflow-y:auto}.profile-modal-hero{grid-template-columns:auto minmax(0,1fr);padding:18px}.profile-status-pill{grid-column:1/-1;justify-self:flex-start}.profile-modal-grid{grid-template-columns:1fr;padding:14px 18px 18px}.profile-modal-footer{flex-direction:column;align-items:stretch;padding:14px 18px 18px}.profile-modal-close-btn{width:100%}.account-settings-header{padding:18px}.account-settings-body{max-height:none;padding:14px 18px 18px}.account-settings-footer{flex-direction:column;align-items:stretch;padding:14px 18px 18px}.account-form-grid{grid-template-columns:1fr}.account-form-actions{justify-content:stretch}.account-primary-btn,.account-secondary-btn{width:100%}}.theme-toggle-btn{border:1px solid var(--shell-topbar-border);background:color-mix(in srgb, var(--shell-topbar) 92%, var(--primary));cursor:pointer;width:40px;height:40px;color:var(--text-sub);transition:all .4s var(--ease-out-quart);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle);transform:rotate(15deg)}.theme-toggle-btn:active{transform:scale(.9)}.content-outlet{padding:var(--s-6);background-color:var(--bg-app);animation:contentFadeIn .8s var(--ease-out-quart) .3s both;flex:1;overflow-y:auto}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebarEntrance{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes topnavEntrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-btn,.mobile-close-btn{display:none}@media (width<=1024px){.topnav-center{display:none}}@media (width<=768px){.admin-layout{--sidebar-w:0px}.sidebar{transition:transform .4s var(--ease-out-quart);box-shadow:none;animation:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #00000026}.sidebar-toggle-btn{display:none}.mobile-menu-btn{cursor:pointer;color:var(--text-main);margin-right:var(--s-4);background:0 0;border:none;display:flex}.mobile-close-btn{background:var(--border-subtle);cursor:pointer;width:32px;height:32px;color:var(--text-sub);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-info-text{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1005;background:#0006;border:0;animation:.3s fadeIn;position:fixed;inset:0}.topnav{padding:0 var(--s-4)}.content-outlet{padding:var(--s-4)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sw-modal-overlay{z-index:9999;padding:var(--s-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.sw-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:0;padding:0;animation:.4s modalFadeIn;position:absolute;inset:0}.sw-modal-container{background:var(--bg-surface);border:1px solid var(--border-base);width:100%;max-height:92vh;animation:modalScaleReveal .5s var(--ease-out-quart);z-index:1;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 20px 50px -12px #00000080}.modal-size-sm{max-width:440px}.modal-size-md{max-width:680px}.modal-size-lg{max-width:1180px}.modal-size-xl{max-width:1380px}.sw-modal-header{padding:var(--s-4) var(--s-10);border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom, var(--bg-surface), var(--bg-app));justify-content:space-between;align-items:center;display:flex}.sw-modal-title{font-size:var(--modal-title-size);color:var(--text-main);letter-spacing:-.02em;font-weight:700}.sw-modal-close-btn{background:var(--bg-app);border:1px solid var(--border-base);color:var(--text-sub);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sw-modal-close-btn:hover{background:var(--danger-subtle);color:var(--danger);border-color:var(--danger);transform:rotate(90deg)}.sw-modal-body{padding:var(--s-6) var(--s-10);background:var(--bg-surface);flex:1;overflow-y:auto}.sw-modal-footer{padding:var(--s-4) var(--s-10);border-top:1px solid var(--border-subtle);background:var(--bg-app);justify-content:flex-end;gap:var(--s-4);display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleReveal{0%{opacity:0;transform:scale(.96)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-modal-wrapper.sw-modal-container{overflow:hidden;border:1px solid var(--border-base)!important;box-shadow:0 24px 60px -24px var(--overlay-scrim)!important;border-radius:18px!important}.confirm-modal-wrapper.modal-size-sm{width:min(540px,100vw - 32px);max-width:min(540px,100vw - 32px)}.confirm-modal-wrapper .sw-modal-body{background:var(--bg-surface);padding:34px 36px 30px!important}.confirm-modal-wrapper.variant-danger{--modal-accent:var(--danger-text);--modal-button:var(--danger);--modal-button-text:var(--text-on-semantic)}.confirm-modal-wrapper.variant-warning{--modal-accent:var(--warning-text);--modal-button:var(--warning);--modal-button-text:var(--warning-contrast)}.confirm-modal-wrapper.variant-success{--modal-accent:var(--success-text);--modal-button:var(--success);--modal-button-text:var(--text-on-semantic)}.confirm-modal-wrapper.variant-info{--modal-accent:var(--info-text);--modal-button:var(--info);--modal-button-text:var(--info-contrast)}.confirm-dialog-body{text-align:center;flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex;position:relative}.confirm-dialog-hero{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.confirm-dialog-icon{border:1px solid color-mix(in srgb, var(--modal-accent) 18%, transparent);background:color-mix(in srgb, var(--modal-accent) 10%, var(--bg-surface));width:56px;height:56px;color:var(--modal-accent);box-shadow:0 0 0 8px color-mix(in srgb, var(--modal-accent) 5%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.confirm-dialog-heading{width:100%;min-width:0}.confirm-dialog-title{overflow-wrap:break-word;max-width:440px;color:var(--text-main);letter-spacing:0;margin:0 auto;font-size:21px;font-weight:700;line-height:1.3}.confirm-dialog-content{flex-direction:column;gap:14px;width:100%;max-width:460px;display:flex}.confirm-dialog-copy{min-width:0}.confirm-dialog-copy-paragraph,.confirm-dialog-copy-node{padding:0}.confirm-dialog-paragraph{overflow-wrap:break-word;color:var(--text-sub);white-space:pre-line;margin:0;font-size:14px;font-weight:550;line-height:1.7}.confirm-dialog-copy-details{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);overflow:hidden}.confirm-dialog-details{display:grid}.confirm-dialog-detail-row{text-align:left;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);align-items:start;gap:14px;padding:11px 2px;display:grid}.confirm-dialog-detail-row+.confirm-dialog-detail-row{border-top:1px solid var(--border-subtle)}.confirm-dialog-detail-label{color:var(--text-sub);font-size:12px;font-weight:700;line-height:1.5}.confirm-dialog-detail-value{overflow-wrap:anywhere;min-width:0;color:var(--text-main);font-size:13px;font-weight:700;line-height:1.5}.confirm-dialog-copy-bullets{padding:2px 0}.confirm-dialog-bullets{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.confirm-dialog-bullet{overflow-wrap:break-word;color:var(--text-sub);padding-left:18px;font-size:13.5px;font-weight:550;line-height:1.6;position:relative}.confirm-dialog-bullet:before{content:"";background:var(--modal-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.68em;left:2px}.confirm-dialog-actions{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding-top:18px;display:grid}.confirm-dialog-btn{cursor:pointer;min-width:0;height:42px;transition:background-color .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), color .18s var(--ease-out-quart), transform .18s var(--ease-out-quart);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.confirm-dialog-btn-secondary{border-color:var(--border-base);background:var(--bg-surface);color:var(--text-main)}.confirm-dialog-btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-subtle);transform:translateY(-1px)}.confirm-dialog-btn-primary{border-color:var(--modal-button);background:var(--modal-button);color:var(--modal-button-text)}.confirm-dialog-btn-primary:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.confirm-dialog-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--modal-accent) 58%, transparent);outline-offset:2px}.confirm-dialog-btn:active:not(:disabled){transform:translateY(0)}.confirm-dialog-btn:disabled{cursor:not-allowed;opacity:.56}.confirm-dialog-spinner{justify-content:center;align-items:center;gap:8px;display:inline-flex}.confirm-dialog-close{width:34px;height:34px;color:var(--text-sub);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-18px;right:-18px}.confirm-dialog-close:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-main)}.confirm-dialog-close:disabled{cursor:not-allowed;opacity:.45}@media (width<=560px){.confirm-modal-wrapper.modal-size-sm{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.confirm-modal-wrapper .sw-modal-body{padding:28px 20px 20px!important}.confirm-dialog-body{gap:18px}.confirm-dialog-icon{width:52px;height:52px}.confirm-dialog-title{font-size:19px}.confirm-dialog-actions{grid-template-columns:1fr}.confirm-dialog-btn-secondary{order:2}.confirm-dialog-btn-primary{order:1}.confirm-dialog-detail-row{grid-template-columns:1fr;gap:3px}}.login-minimal-wrapper{background:var(--bg-app);width:100vw;min-height:100vh;font-family:var(--font-sans);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bg-blobs{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.blob{filter:blur(80px);opacity:.15;border-radius:50%;animation:25s ease-in-out infinite alternate blob-float;position:absolute}.blob-1{background:var(--primary);width:600px;height:600px;top:-200px;left:-100px}.blob-2{background:var(--info);width:500px;height:500px;animation-delay:-5s;bottom:-150px;right:-100px}.blob-3{background:var(--success);opacity:.05;width:400px;height:400px;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.1)}}.login-glass-card{-webkit-backdrop-filter:blur(20px);z-index:10;width:100%;max-width:460px;animation:card-appear .8s var(--ease-out-quart);background:linear-gradient(135deg,#fffc,#fff6);border:1px solid #fffc;border-radius:32px;padding:4px;box-shadow:0 10px 40px -10px #00000014,0 20px 25px -5px #0000000d}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card-inner{flex-direction:column;gap:32px;padding:48px 40px;display:flex}.brand-header{text-align:center}.logo-glow-box{width:100px;height:100px;color:var(--primary);box-shadow:0 12px 25px -5px oklch(from var(--primary) l c h / .25);border:1px solid oklch(from var(--primary) l c h / .15);background:#fff;border-radius:24px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;overflow:hidden}.login-logo{object-fit:contain;width:100%;height:100%;padding:0;transform:scale(1.3)}.brand-header h1{color:var(--text-main);letter-spacing:-.04em;margin-bottom:4px;font-size:28px}.brand-header h1 span{color:var(--primary)}.brand-header p{color:var(--text-sub);font-size:14px}.auth-form{flex-direction:column;gap:24px;display:flex}.auth-error-msg{background:var(--danger-subtle);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth-input-group{flex-direction:column;gap:8px;display:flex}.label-flex{justify-content:space-between;align-items:center;display:flex}.auth-input-group label{color:var(--text-main);padding-left:2px;font-size:13px;font-weight:700}.text-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .icon{color:var(--text-muted);pointer-events:none;transition:color .2s;position:absolute;left:16px}.input-wrapper input{background:var(--surface-subtle);border:1px solid var(--border-base);width:100%;color:var(--text-main);border-radius:16px;outline:none;padding:14px 16px 14px 48px;font-size:14px;transition:all .3s}.input-wrapper input:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 4px oklch(from var(--primary) l c h / .08)}.input-wrapper input:focus+.icon{color:var(--primary)}.toggle-visibility{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px;display:flex;position:absolute;right:12px}.auth-submit-btn{background:var(--primary);color:var(--text-on-primary);cursor:pointer;transition:all .3s var(--ease-out-quart);box-shadow:0 10px 25px -5px oklch(from var(--primary) l c h / .3);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:16px;font-size:15px;font-weight:700;display:flex}.auth-submit-btn:hover{box-shadow:0 15px 30px -5px oklch(from var(--primary) l c h / .4);background:var(--primary-hover);transform:translateY(-2px)}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn.loading{opacity:.8;cursor:not-allowed}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;color:var(--text-muted);margin-top:8px;font-size:12px}@media (width<=480px){.login-glass-card{border:none;border-radius:0;max-width:100%;min-height:100vh}.card-inner{padding:60px 24px}}:root{--brand-h:174;--primary:oklch(60% .15 var(--brand-h));--primary-hover:oklch(55% .15 var(--brand-h));--primary-subtle:oklch(96% .01 var(--brand-h));--bg-app:#f8fafc;--bg-surface:#fff;--text-main:#1e293b;--text-sub:#64748b;--text-inverse:#fff;--border-base:#e2e8f0;--border-subtle:#f1f5f9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--action-template:var(--warning);--action-template-hover:#d97706;--action-import:var(--primary);--action-import-hover:var(--primary-hover);--action-export:var(--info);--action-export-hover:#2563eb;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--page-title-size:24px;--page-subtitle-size:13px;--page-header-icon-size:44px;--page-section-gap:var(--s-6);--control-height:42px;--control-font-size:14px;--control-radius:10px;--action-icon-size:36px;--table-header-font-size:11px;--table-body-font-size:14px;--table-cell-padding-y:14px;--table-cell-padding-x:16px;--stat-card-padding:var(--s-4);--stat-card-min-height:136px;--stat-card-gap:var(--s-3);--stat-icon-size:40px;--stat-icon-radius:12px;--stat-value-size:clamp(26px, 2.4vw, 34px);--stat-label-size:11px;--stat-description-size:12px;--modal-title-size:18px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 12px 24px -12px #0f172a2e;--border-light:var(--border-subtle);--text-dim:var(--text-sub);--info:#3b82f6;--danger-subtle:oklch(96% .03 25);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--duration-normal:.25s;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--bg-app:oklch(20% .02 250);--bg-surface:oklch(24% .02 250);--text-main:oklch(95% .01 250);--text-sub:oklch(75% .02 250);--text-inverse:oklch(20% .02 250);--border-base:oklch(30% .03 250);--border-subtle:oklch(26% .02 250);--primary:oklch(75% .15 var(--brand-h));--primary-hover:oklch(80% .15 var(--brand-h));--primary-subtle:oklch(30% .05 var(--brand-h))}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);line-height:1.6;transition:background-color .2s}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::placeholder{color:var(--text-muted);opacity:1}:where(input,select,textarea):disabled{background-color:var(--control-disabled-bg);color:var(--control-disabled-text);border-color:var(--border-base)}:where(button,input,select,textarea,a):focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1,h2,h3{letter-spacing:-.01em;font-weight:700}.card{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-md);padding:var(--s-6)}.btn-primary{background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:600}.action-template-button,.action-import-button,.action-export-button{box-shadow:none}.action-template-button{background:var(--action-template)!important;border-color:var(--action-template)!important;color:var(--text-on-primary)!important}.action-template-button:hover:not(:disabled){background:var(--action-template-hover)!important;border-color:var(--action-template-hover)!important;color:var(--text-on-primary)!important}.action-import-button{background:var(--action-import)!important;border-color:var(--action-import)!important;color:var(--text-on-primary)!important}.action-import-button:hover:not(:disabled){background:var(--action-import-hover)!important;border-color:var(--action-import-hover)!important;color:var(--text-on-primary)!important}.action-export-button{background:var(--action-export)!important;border-color:var(--action-export)!important;color:var(--info-contrast)!important}.action-export-button:hover:not(:disabled){background:var(--action-export-hover)!important;border-color:var(--action-export-hover)!important;color:var(--info-contrast)!important}.action-template-button:disabled,.action-import-button:disabled,.action-export-button:disabled{cursor:not-allowed;opacity:.58;transform:none!important}.auth-loading-screen{background-color:var(--bg-app);justify-content:center;align-items:center;gap:var(--s-4);width:100vw;height:100vh;color:var(--text-sub);flex-direction:column;font-weight:600;animation:.3s ease-out fadeIn;display:flex}.route-loading-state{justify-content:center;align-items:center;gap:var(--s-4);width:100%;min-height:clamp(220px,42vh,420px);color:var(--text-sub);flex-direction:column;font-weight:600;animation:.18s ease-out fadeIn;display:flex}.route-loading-state .spinner-modern{width:32px;height:32px}.spinner-modern{border:3px solid var(--border-base);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header-modern{margin-bottom:var(--s-2);justify-content:space-between;align-items:center;display:flex}.header-title-group{align-items:center;gap:var(--s-4);display:flex}.header-icon-box{width:var(--page-header-icon-size);height:var(--page-header-icon-size);background:var(--primary-subtle);color:var(--primary);box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;align-items:center;display:flex}.dashboard-title h1{font-size:var(--page-title-size);color:var(--text-main);letter-spacing:-.025em;margin:0;font-weight:700}.dashboard-title p{color:var(--text-sub);font-size:var(--page-subtitle-size);margin:0}.header-actions{gap:var(--s-3);display:flex}:is(.su-stats-grid,.role-stats-grid,.cm-stats-grid,.om-stats-layout,.packed-today-page-scope .stats-grid,.packing-orders-page-scope .packing-stats-grid,.packing-rules-root .pr-bento-stats,.approval-center-page-scope .approval-stats-grid,.dashboard-page-scope .stats-container){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:14px!important}:is(.users-page-container,.system-users-page-scope,.role-management-page-container,.customer-mgmt-page-scope,.order-mgmt-page-scope,.packed-today-page-scope,.packing-orders-page-scope,.packing-rules-root,.sales-reports-page,.sn-management-page){gap:var(--page-section-gap)}:is(.toolbar-card,.pr-filter-bar,.filter-bar,.om-toolbar,.cm-toolbar,.packed-today-page-scope .toolbar-section,.sales-report-toolbar){border-radius:var(--radius-lg)!important}:is(.su-stat-card,.role-stat-card,.cm-stat-card,.om-stats-hero-card,.om-mini-stat-card,.packed-today-page-scope .stat-card,.packing-orders-page-scope .packing-stat-card,.packing-rules-root .stat-bento-card,.sales-reports-page-scope .reports-summary-card,.approval-center-page-scope .stat-card-v2,.dashboard-page-scope .stat-card-modern){min-height:var(--stat-card-min-height)!important;padding:var(--stat-card-padding)!important;gap:var(--stat-card-gap)!important;border-radius:var(--radius-lg)!important}:is(.su-stat-icon,.role-stat-icon,.cm-stat-icon,.om-stat-icon,.om-mini-card-icon,.packed-today-page-scope .stat-icon-wrapper,.packing-orders-page-scope .packing-stat-card .icon-box,.packing-rules-root .bento-icon-glow,.sales-reports-page-scope .reports-summary-icon,.approval-center-page-scope .stat-card-icon,.dashboard-page-scope .icon-box){width:var(--stat-icon-size)!important;height:var(--stat-icon-size)!important;min-width:var(--stat-icon-size)!important;flex:0 0 var(--stat-icon-size)!important;border-radius:var(--stat-icon-radius)!important}:is(.su-stat-main,.role-stat-main,.cm-stat-main,.om-stat-main){grid-template-columns:var(--stat-icon-size) minmax(0, 1fr)!important;gap:var(--s-3)!important}:is(.su-stat-value-row strong,.role-stat-value-row strong,.cm-stat-value-row strong,.om-stat-value-row strong,.packed-today-page-scope .stat-value,.packing-orders-page-scope .packing-stat-card .value,.packing-rules-root .bento-value,.packing-rules-root .bento-value-sm,.sales-reports-page-scope .reports-summary-value,.approval-center-page-scope .stat-value,.dashboard-page-scope .value){font-variant-numeric:tabular-nums;font-size:var(--stat-value-size)!important;letter-spacing:0!important;font-weight:700!important;line-height:.98!important}:is(.su-stat-kicker,.role-stat-kicker,.cm-stat-kicker,.om-stat-kicker,.packed-today-page-scope .stat-label,.packing-orders-page-scope .packing-stat-card .label,.packing-rules-root .bento-label,.sales-reports-page-scope .reports-summary-label,.approval-center-page-scope .stat-label,.dashboard-page-scope .label){font-size:var(--stat-label-size)!important;letter-spacing:.08em!important;font-weight:700!important;line-height:1.2!important}:is(.su-stat-card p,.role-stat-card p,.cm-stat-card p,.om-stats-hero-card p,.om-mini-stat-card p,.packing-orders-page-scope .packing-stat-card .description,.packing-rules-root .bento-subtext){font-size:var(--stat-description-size)!important;font-weight:600!important;line-height:1.4!important}:is(.sw-input,.sw-dropdown-trigger,.btn-primary,.btn-secondary,.btn-secondary-modern,.sw-btn,.action-template-button,.action-import-button,.action-export-button){min-height:var(--control-height);font-size:var(--control-font-size);border-radius:var(--control-radius)}:is(.action-icon-btn,.btn-refresh-modern,.btn-icon-secondary,.btn-icon-subtle){width:var(--action-icon-size)!important;height:var(--action-icon-size)!important;min-width:var(--action-icon-size)!important;min-height:var(--action-icon-size)!important}:is(.table-header-modern,.pr-table-header,.packed-today-page-scope .orders-table-header){font-size:var(--table-header-font-size)}:is(.table-row-modern,.pr-table-row,.packed-today-page-scope .order-row){font-size:var(--table-body-font-size)}:root{--brand-h:174;--primary:oklch(60% .15 var(--brand-h));--primary-hover:oklch(55% .15 var(--brand-h));--primary-subtle:oklch(96% .018 var(--brand-h));--primary-border:oklch(82% .055 var(--brand-h));--primary-text:oklch(42% .12 var(--brand-h));--success:oklch(58% .14 155);--success-hover:oklch(52% .14 155);--success-subtle:oklch(96% .028 155);--success-border:oklch(84% .075 155);--success-text:oklch(40% .1 155);--warning:oklch(71% .15 78);--warning-hover:oklch(63% .15 78);--warning-subtle:oklch(97% .042 82);--warning-border:oklch(87% .1 82);--warning-text:oklch(47% .105 68);--warning-contrast:oklch(24% .035 75);--info:oklch(57% .14 245);--info-hover:oklch(51% .14 245);--info-subtle:oklch(96% .025 245);--info-border:oklch(84% .065 245);--info-text:oklch(42% .11 245);--info-contrast:oklch(99% .005 250);--danger:oklch(58% .19 25);--danger-hover:oklch(52% .19 25);--danger-subtle:oklch(96% .03 25);--danger-border:oklch(84% .075 25);--danger-text:oklch(43% .14 25);--danger-contrast:oklch(99% .005 250);--neutral:oklch(51% .025 250);--neutral-subtle:oklch(96% .012 250);--neutral-border:oklch(86% .02 250);--neutral-text:oklch(40% .03 250);--bg-app:oklch(98% .006 250);--bg-surface:oklch(100% .002 250);--surface-subtle:oklch(96% .009 250);--surface-raised:oklch(99% .004 250);--surface-inverse:oklch(22% .025 250);--surface-inverse-strong:oklch(16% .025 250);--overlay-scrim:oklch(18% .025 250/.52);--focus-ring:color-mix(in srgb, var(--primary) 22%, transparent);--control-disabled-bg:var(--surface-subtle);--control-disabled-text:var(--text-muted);--scrollbar-track:transparent;--scrollbar-thumb:color-mix(in srgb, var(--text-sub) 34%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--text-sub) 58%, transparent);--text-main:oklch(26% .03 250);--text-sub:oklch(50% .025 250);--text-muted:oklch(62% .02 250);--text-inverse:oklch(99% .005 250);--text-on-inverse:oklch(99% .005 250);--text-on-primary:oklch(99% .005 250);--text-on-semantic:oklch(99% .005 250);--border-base:oklch(90% .014 250);--border-subtle:oklch(94% .009 250);--border-strong:oklch(79% .025 250);--border-light:var(--border-subtle);--border-soft:var(--border-subtle);--text-dim:var(--text-sub);--table-head-bg:linear-gradient(180deg, oklch(25% .03 250), oklch(18% .03 250));--table-head-text:oklch(97% .008 250);--table-head-border:oklch(97% .008 250/.1);--chart-1:var(--primary);--chart-2:var(--info);--chart-3:var(--success);--chart-4:var(--warning);--chart-5:var(--neutral);--chart-danger:var(--danger);--channel-shopee:oklch(59% .19 35);--channel-lazada:oklch(35% .16 290);--channel-text:var(--text-on-inverse);--channel-retail:var(--success);--channel-import:var(--primary);--action-template:var(--warning);--action-template-hover:var(--warning-hover);--action-import:var(--primary);--action-import-hover:var(--primary-hover);--action-export:var(--info);--action-export-hover:var(--info-hover)}[data-theme=dark]{--primary:oklch(75% .15 var(--brand-h));--primary-hover:oklch(81% .15 var(--brand-h));--primary-subtle:oklch(31% .055 var(--brand-h));--primary-border:oklch(47% .09 var(--brand-h));--primary-text:oklch(82% .1 var(--brand-h));--success:oklch(74% .14 155);--success-hover:oklch(80% .14 155);--success-subtle:oklch(29% .055 155);--success-border:oklch(43% .085 155);--success-text:oklch(84% .11 155);--warning:oklch(81% .14 80);--warning-hover:oklch(87% .14 80);--warning-subtle:oklch(30% .055 80);--warning-border:oklch(45% .09 80);--warning-text:oklch(88% .1 82);--warning-contrast:oklch(22% .03 80);--info:oklch(75% .13 245);--info-hover:oklch(82% .13 245);--info-subtle:oklch(29% .05 245);--info-border:oklch(43% .075 245);--info-text:oklch(84% .09 245);--info-contrast:oklch(19% .022 250);--danger:oklch(73% .17 25);--danger-hover:oklch(80% .17 25);--danger-subtle:oklch(29% .06 25);--danger-border:oklch(43% .09 25);--danger-text:oklch(85% .11 25);--danger-contrast:oklch(19% .022 250);--neutral:oklch(73% .025 250);--neutral-subtle:oklch(28% .02 250);--neutral-border:oklch(40% .025 250);--neutral-text:oklch(82% .02 250);--bg-app:oklch(19% .022 250);--bg-surface:oklch(23% .022 250);--surface-subtle:oklch(26% .022 250);--surface-raised:oklch(28% .023 250);--surface-inverse:oklch(16% .025 250);--surface-inverse-strong:oklch(12% .022 250);--overlay-scrim:oklch(10% .02 250/.7);--focus-ring:color-mix(in srgb, var(--primary) 30%, transparent);--control-disabled-bg:var(--surface-subtle);--control-disabled-text:var(--text-muted);--scrollbar-thumb:color-mix(in srgb, var(--text-sub) 38%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--text-sub) 62%, transparent);--text-main:oklch(95% .01 250);--text-sub:oklch(76% .02 250);--text-muted:oklch(65% .018 250);--text-inverse:oklch(20% .022 250);--text-on-inverse:oklch(97% .008 250);--text-on-primary:oklch(19% .022 250);--text-on-semantic:oklch(19% .022 250);--border-base:oklch(32% .025 250);--border-subtle:oklch(27% .02 250);--border-strong:oklch(44% .03 250);--table-head-bg:linear-gradient(180deg, oklch(28% .045 250), oklch(22% .035 250));--table-head-text:oklch(94% .01 250);--table-head-border:oklch(86% .02 250/.14)}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-thai-400-normal-BrkKv8cO.woff2)format("woff2"),url(/assets/prompt-thai-400-normal-DJypnfr3.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-vietnamese-400-normal-BCPzsgPT.woff2)format("woff2"),url(/assets/prompt-vietnamese-400-normal-D4pLyeNK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-ext-400-normal-DdSafGZ9.woff2)format("woff2"),url(/assets/prompt-latin-ext-400-normal-1pHbN9uy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-400-normal-BQ9zjSN8.woff2)format("woff2"),url(/assets/prompt-latin-400-normal-CxU4ec_r.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-thai-500-normal-C18pDUoL.woff2)format("woff2"),url(/assets/prompt-thai-500-normal-D7YNqUJD.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-vietnamese-500-normal-DmzxmPwa.woff2)format("woff2"),url(/assets/prompt-vietnamese-500-normal-w_sS_j2F.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-ext-500-normal--EZ1um7s.woff2)format("woff2"),url(/assets/prompt-latin-ext-500-normal-D-lI1EVT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-500-normal-CxzxEHZc.woff2)format("woff2"),url(/assets/prompt-latin-500-normal-B1edBDQ9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-thai-600-normal-MrdfU7zR.woff2)format("woff2"),url(/assets/prompt-thai-600-normal-CYPViXds.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-vietnamese-600-normal-7QWjJBsF.woff2)format("woff2"),url(/assets/prompt-vietnamese-600-normal-1dyohtNh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-ext-600-normal-Cg9L7iJU.woff2)format("woff2"),url(/assets/prompt-latin-ext-600-normal-C8b50x67.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-600-normal-hKZWXsc1.woff2)format("woff2"),url(/assets/prompt-latin-600-normal-CSDDLorv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-thai-700-normal-Cg4aQ0Nn.woff2)format("woff2"),url(/assets/prompt-thai-700-normal-Cb5ilR-c.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-vietnamese-700-normal-CGnCqMm1.woff2)format("woff2"),url(/assets/prompt-vietnamese-700-normal-Bop7lSxF.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-latin-ext-700-normal-BkJrvM1L.woff2)format("woff2"),url(/assets/prompt-latin-ext-700-normal-iiM_gSWc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-latin-700-normal-I2gc831J.woff2)format("woff2"),url(/assets/prompt-latin-700-normal-BfbftDSq.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-Regular-Du0PCiXT.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-SemiBold-CT2p8cOJ.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{--font-sans:"Prompt", "Leelawadee UI", Tahoma, sans-serif;--font-mono:"IBM Plex Mono", Consolas, "Courier New", monospace;--type-caption-size:.75rem;--type-secondary-size:.8125rem;--type-body-size:.875rem;--type-control-size:.875rem;--type-subheading-size:1rem;--type-section-size:1.125rem;--type-page-title-size:1.5rem;--type-weight-regular:400;--type-weight-medium:500;--type-weight-semibold:600;--type-weight-bold:700;--type-line-tight:1.25;--type-line-ui:1.4;--type-line-body:1.55;--page-title-size:var(--type-page-title-size);--page-subtitle-size:var(--type-secondary-size);--control-font-size:var(--type-control-size);--table-header-font-size:var(--type-caption-size);--table-body-font-size:var(--type-body-size);--stat-label-size:var(--type-caption-size);--stat-description-size:var(--type-caption-size);--modal-title-size:var(--type-section-size)}html{font-family:var(--font-sans);font-synthesis:none;font-kerning:normal;text-rendering:optimizelegibility}body,button,input,select,textarea{font-family:var(--font-sans)}body{font-size:var(--type-body-size);font-weight:var(--type-weight-regular);line-height:var(--type-line-body)}button,input,select,textarea{font-size:var(--type-control-size);line-height:var(--type-line-ui)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);line-height:var(--type-line-tight);letter-spacing:0}h1,h2,h3{font-weight:var(--type-weight-bold)}table,.data-table,.table-modern,.sw-pagination{font-variant-numeric:tabular-nums}code,pre,kbd,samp,.font-mono,.mono-text{font-family:var(--font-mono);font-variant-ligatures:none;font-variant-numeric:tabular-nums}