@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--sidebar-transition: var(--glass-transition-slow);--sidebar-fast: var(--glass-transition-fast);--sidebar-bounce: var(--glass-transition-bounce);--sidebar-width-collapsed: 76px;--sidebar-width-expanded: 260px;--lg-bg-color: rgba(255, 255, 255, .65);--lg-highlight: rgba(255, 255, 255, .95)}.liquid-glass-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:12px}.liquid-sidebar-toggle{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;color:#1a1a2e;background:#ffffff40;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;transition:background-color var(--sidebar-fast),box-shadow var(--sidebar-fast),transform var(--sidebar-fast),color var(--sidebar-fast)}.liquid-sidebar-toggle:hover{color:var(--accent-primary);background:#ffffff59;transform:scale(1.05);box-shadow:0 8px 12px #00000040,0 0 30px #00000026,inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf}.liquid-sidebar-toggle:active{transform:scale(.95);background:#fff6}.liquid-glass-nav{position:relative;background:#ffffff40;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:32px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:2px;width:var(--sidebar-width-collapsed);overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;transition:width var(--sidebar-transition),padding var(--sidebar-transition),gap var(--sidebar-transition),box-shadow var(--sidebar-transition),background-color var(--sidebar-transition)}.liquid-glass-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.2) 40%,transparent 100%);border-radius:32px 32px 100% 100%;pointer-events:none;opacity:.8}.liquid-nav-item-wrapper{position:relative;width:100%}.liquid-nav-item{position:relative;width:54px;height:50px;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1a2e;background:transparent;border:none;outline:none;font-size:18px;isolation:isolate;overflow:visible;transition:width var(--sidebar-transition),height var(--sidebar-transition),padding var(--sidebar-transition),gap var(--sidebar-transition),justify-content var(--sidebar-transition),background-color var(--sidebar-fast),color var(--sidebar-fast),box-shadow var(--sidebar-fast),transform var(--sidebar-fast)}.liquid-nav-item:hover{color:#1a1a2e;background:#00000005;box-shadow:inset 0 0 0 1px #0000000f,0 2px 8px #00000014}.liquid-nav-item:hover .liquid-nav-icon{transform:scale(1.1)}.liquid-nav-item:active{transform:scale(.96);background:#0000000a}.liquid-nav-item.active{color:var(--content-primary);background:transparent;animation:glassActivate .35s cubic-bezier(.34,1.56,.64,1);box-shadow:none}.liquid-nav-item.active:hover{background:transparent;box-shadow:none}.liquid-nav-item.active .liquid-nav-icon{transform:translateY(-1px)}.liquid-nav-item.expanded{color:var(--content-primary);background:transparent;animation:glassActivate .3s cubic-bezier(.34,1.56,.64,1);box-shadow:none}.liquid-nav-item.expanded:hover{background:transparent}.liquid-nav-glass{top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;border-radius:inherit}.liquid-nav-glass.glass-surface--svg,.liquid-nav-glass.glass-surface--fallback{background:#ffffffd9;box-shadow:0 4px 8px #0000001f,0 0 12px #0000000f,inset 1px 1px #ffffffe6,inset 0 0 4px #fffc}.liquid-nav-glass .glass-surface__content{display:none}.liquid-nav-active-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle at 50% 14%,rgba(112,167,136,.18) 0%,transparent 36%);filter:blur(12px);opacity:0;transition:opacity var(--sidebar-fast);pointer-events:none;z-index:0}.liquid-nav-active-glow.visible{opacity:.5}@keyframes glassActivate{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.liquid-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2;color:#1a1a2e;transition:transform var(--sidebar-fast),color var(--sidebar-fast)}.liquid-nav-item.active .liquid-nav-icon,.liquid-nav-item.expanded .liquid-nav-icon{color:var(--accent-primary)}.liquid-nav-label{font-size:14px;font-weight:500;white-space:nowrap;flex:1;text-align:left;color:#1a1a2e;opacity:0;width:0;overflow:hidden;position:relative;z-index:2;transition:opacity .15s ease,color var(--sidebar-fast)}.liquid-nav-item.active .liquid-nav-label,.liquid-nav-item.expanded .liquid-nav-label{color:#1a1a2e}.liquid-nav-arrow{font-size:16px;font-weight:400;opacity:0;width:0;overflow:hidden;position:relative;z-index:2;color:#1a1a2e80;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity var(--sidebar-fast)}.liquid-nav-arrow.rotated{transform:rotate(90deg)}.liquid-nav-item.active .liquid-nav-arrow,.liquid-nav-item.expanded .liquid-nav-arrow{color:#1a1a2ebf}.liquid-nav-item.has-submenu:after{display:none}.liquid-nav-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;padding:0 5px;z-index:5;box-shadow:0 2px 6px #00000026,inset 1px 1px #ffffff4d;transition:top var(--sidebar-fast),right var(--sidebar-fast),position var(--sidebar-fast),transform var(--sidebar-fast)}.liquid-nav-badge.primary{background:linear-gradient(145deg,#6b9fff,#4b7fef);box-shadow:0 2px 8px #4b7fef66,inset 1px 1px #ffffff4d}.liquid-nav-badge.danger{background:linear-gradient(145deg,#ff7a7a,#ff5252);box-shadow:0 2px 8px #ff525266,inset 1px 1px #ffffff4d}.liquid-nav-badge.success{background:linear-gradient(145deg,#7EC9A0 0%,var(--accent-primary) 100%);box-shadow:0 2px 8px #70a78866,inset 1px 1px #ffffff4d}.liquid-nav-divider{width:28px;height:1px;background:#0000000f;margin:8px 0;border-radius:1px;position:relative;transition:width var(--sidebar-transition),margin var(--sidebar-transition)}.liquid-nav-divider:after{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.liquid-tooltip{white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.01em;color:#1a1a2e;padding:10px 16px;border-radius:14px;opacity:0;visibility:hidden;pointer-events:none;z-index:1001;background:#ffffff40;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1);transform:translate(-4px)}.liquid-tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#ffffff40;border-radius:2px;box-shadow:inset 1px 1px #ffffffbf}.liquid-tooltip.visible{opacity:1;visibility:visible;transform:translate(0)}.liquid-submenu-panel{min-width:190px;padding:8px;display:flex;flex-direction:column;gap:2px;border-radius:18px;opacity:0;visibility:hidden;pointer-events:none;z-index:1001;background:#ffffff40;backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.34,1.56,.64,1);transform:translate(-8px)}.liquid-submenu-panel:before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;background:#ffffff40;border-radius:2px;transform:translateY(-50%) rotate(45deg);box-shadow:inset 1px 1px #ffffffbf,-2px 2px 6px #0000000d}.liquid-submenu-panel.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.liquid-submenu-panel.bottom-aligned:before{top:auto;bottom:16px;transform:translateY(0) rotate(45deg)}.liquid-submenu-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1a1a2e80;padding:8px 14px 6px}.liquid-submenu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;color:#1a1a2e;cursor:pointer;font-size:14px;font-weight:500;background:transparent;border:none;outline:none;width:100%;text-align:left;transition:background-color var(--sidebar-fast),color var(--sidebar-fast),box-shadow var(--sidebar-fast),transform var(--sidebar-fast)}.liquid-submenu-item:hover{background:#00000005;color:#1a1a2e;box-shadow:inset 0 0 0 1px #0000000f}.liquid-submenu-item:active{transform:scale(.98)}.liquid-submenu-item.active{color:#1a1a2e;background:#0000000a;animation:glassActivate .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 0 0 1px #0000000f}.liquid-submenu-item .submenu-icon{font-size:14px;width:18px;display:flex;align-items:center;justify-content:center;color:#1a1a2ebf;transition:opacity var(--sidebar-fast),transform var(--sidebar-fast),color var(--sidebar-fast)}.liquid-submenu-item:hover .submenu-icon{transform:scale(1.1);color:#1a1a2e}.liquid-submenu-item.active .submenu-icon{transform:scale(1);color:var(--accent-primary)}.liquid-glass-sidebar.expanded .liquid-glass-nav{width:var(--sidebar-width-expanded);padding:12px;gap:4px;align-items:stretch;overflow:hidden}.liquid-glass-sidebar.expanded .liquid-nav-item{width:100%;height:46px;justify-content:flex-start;padding:0 16px;gap:14px;border-radius:16px}.liquid-glass-sidebar.expanded .liquid-nav-label{opacity:1;width:auto}.liquid-glass-sidebar.expanded .liquid-nav-arrow{opacity:.5;width:auto}.liquid-glass-sidebar.expanded .liquid-nav-item.has-submenu:after{display:none}.liquid-glass-sidebar.expanded .liquid-nav-badge{position:relative;top:auto;right:auto;margin-left:auto}.liquid-glass-sidebar.expanded .liquid-nav-divider{width:100%;margin:6px 0}.liquid-submenu-panel.inline-submenu{position:relative;left:auto;top:auto;transform:none;background:transparent;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:0 0 0 30px;margin-top:0;min-width:auto;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:max-height var(--sidebar-transition),opacity .2s ease,visibility .2s ease,margin var(--sidebar-transition)}.liquid-submenu-panel.inline-submenu:before{display:none}.liquid-submenu-panel.inline-submenu.visible{max-height:250px;opacity:1;visibility:visible;pointer-events:auto;margin-top:4px}.liquid-submenu-panel.inline-submenu .liquid-submenu-item{padding:9px 12px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:2px;color:#1a1a2ebf;background:transparent;box-shadow:none}.liquid-submenu-panel.inline-submenu .liquid-submenu-item .submenu-icon{color:#1a1a2ebf}.liquid-submenu-panel.inline-submenu .liquid-submenu-item:hover{background:#00000005;color:#1a1a2e;box-shadow:none}.liquid-submenu-panel.inline-submenu .liquid-submenu-item.active{background:#0000000a;color:#1a1a2e;font-weight:600;animation:glassActivate .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 0 0 1px #0000000f}.liquid-submenu-panel.inline-submenu .liquid-submenu-item.active .submenu-icon{color:var(--accent-primary)}@media (max-width: 1200px){.liquid-glass-sidebar{left:12px}}@media (prefers-reduced-motion: reduce){.liquid-nav-item,.liquid-sidebar-toggle,.liquid-glass-nav,.liquid-tooltip,.liquid-submenu-panel,.liquid-submenu-item{transition-duration:.01ms!important;animation-duration:.01ms!important}}.glass-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;opacity:0;transform:scale(.92);z-index:0}.glass-surface--active{opacity:1;transform:scale(1)}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 4px 20px #00000014,0 2px 10px #0000000f,inset 0 0 0 1.5px color-mix(in srgb,white 22%,transparent),inset 2px 2.5px 0 -1px color-mix(in srgb,white 75%,transparent),inset -1.5px -1.5px 0 -.5px color-mix(in srgb,white 55%,transparent),inset 0 -4px 8px -5px color-mix(in srgb,black 10%,transparent),inset 0 4px 8px -4px color-mix(in srgb,white 35%,transparent)}.glass-surface--fallback{background:linear-gradient(145deg,#ffffff73,#ffffff40,#ffffff59);backdrop-filter:blur(16px) saturate(1.6) brightness(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.6) brightness(1.05);box-shadow:0 4px 20px #00000014,0 2px 10px #0000000d,inset 0 0 0 1.5px #ffffff59,inset 2px 2.5px 0 -1px #ffffffb3,inset -1.5px -1.5px 0 -.5px #ffffff80,inset 0 -4px 10px -6px #00000014,inset 0 4px 10px -5px #fff6}.glass-surface--fallback:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 50%,transparent 100%);border-radius:inherit;pointer-events:none;opacity:.9}.glass-surface--active.glass-surface--svg,.glass-surface--active.glass-surface--fallback{animation:glassSurfaceActivate .4s cubic-bezier(.34,1.56,.64,1)}@keyframes glassSurfaceActivate{0%{transform:scale(.85);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@media (prefers-color-scheme: dark){.glass-surface--fallback{background:linear-gradient(145deg,#ffffff2e,#ffffff14,#ffffff1f);backdrop-filter:blur(16px) saturate(1.8) brightness(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.8) brightness(1.15);box-shadow:0 4px 20px #0003,0 2px 10px #00000026,inset 0 0 0 1.5px #fff3,inset 2px 2.5px 0 -1px #ffffff59,inset -1.5px -1.5px 0 -.5px #ffffff40,inset 0 -4px 10px -6px #00000026}.glass-surface--fallback:before{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.08) 50%,transparent 100%);opacity:.7}}@media (prefers-reduced-motion: reduce){.glass-surface{transition-duration:.01ms!important}.glass-surface--active.glass-surface--svg,.glass-surface--active.glass-surface--fallback{animation:none}}.staff-page{--primary: var(--accent-primary);--primary-light: var(--accent-primary-light);--primary-dark: var(--accent-primary-hover);--bg-main: linear-gradient( 180deg, rgba(175, 190, 220, 1) 0%, rgba(155, 170, 210, 1) 25%, rgba(140, 155, 200, 1) 50%, rgba(125, 140, 190, 1) 75%, rgba(115, 130, 180, 1) 100% );--bg-card: var(--glass-bg-card);--bg-card-hover: var(--glass-bg-card-hover);--bg-secondary: rgba(255, 255, 255, .28);--text-primary: #111111;--text-secondary: #3a4558;--text-muted: var(--content-muted);--border-color: var(--glass-border);--border-color-hover: var(--glass-border-hover);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--shadow-sm: var(--glass-shadow-sm);--shadow-md: var(--glass-shadow-md);--shadow-lg: var(--glass-shadow-lg);--shadow-xl: var(--glass-shadow-xl);--radius-sm: var(--glass-radius-sm);--radius-md: var(--glass-radius-md);--radius-lg: var(--glass-radius-lg);--radius-xl: var(--glass-radius-xl);--transition-fast: var(--glass-transition-fast);--transition-normal: var(--glass-transition);--transition-slow: var(--glass-transition-slow)}.staff-page{padding:32px;max-width:1600px;margin:0 auto;min-height:100vh}.staff-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.staff-page .header-text h1{margin:0;font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.staff-page .header-text p{margin:6px 0 0;font-size:15px;color:var(--text-secondary)}.staff-page .glass-card{position:relative;background:#ffffff40;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.staff-page .glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffff40;pointer-events:none}.staff-page .glass-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;pointer-events:none}.staff-page .glass-card:hover{box-shadow:0 8px 12px #00000040,0 0 30px #00000026}.staff-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.staff-page .stat-card{position:relative;background:#ffffff40;border-radius:2rem;padding:20px 24px;display:flex;flex-direction:column;gap:8px;overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.staff-page .stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffff40;pointer-events:none}.staff-page .stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;pointer-events:none}.staff-page .stat-card:hover{box-shadow:0 8px 12px #00000040,0 0 30px #00000026}.staff-page .stat-label{position:relative;z-index:3;font-size:13px;color:#1a1a2ebf;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.staff-page .stat-value{position:relative;z-index:3;font-size:32px;font-weight:600;color:#1a1a2e;letter-spacing:-1px;line-height:1}.staff-page .stat-value.success{color:var(--success)}.staff-page .stat-value.warning{color:var(--warning)}.staff-page .stat-value.primary{color:var(--primary)}.staff-page .stat-value.muted{color:#1a1a2e80}.staff-page .controls-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:24px}.staff-page .tabs{--c-glass: rgb(130, 140, 170);--c-light: #fff;--c-dark: #000;--c-content: #e1e1e1;--glass-reflex-dark: 1;--glass-reflex-light: 1;--saturation: 150%;position:relative;display:inline-flex;align-items:center;gap:0;height:52px;box-sizing:border-box;padding:5px 6px;border:none;border-radius:99em;font-size:15px;background-color:#828caa;box-shadow:0 4px 15px #50649633;transition:background-color .4s cubic-bezier(1,0,.4,1);overflow:visible}.staff-page .tabs:after{content:"";position:absolute;left:6px;top:5px;display:block;width:var(--tab-pill-width, 72px);height:calc(100% - 10px);border-radius:99em;background-color:#646e91b3;z-index:0;box-shadow:0 2px 6px #0000001f;translate:var(--tab-pill-offset, 0) 0;transform-origin:var(--tab-pill-origin, center);transition:background-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),translate .4s cubic-bezier(1,0,.4,1),width .4s cubic-bezier(1,0,.4,1);animation:var(--tab-pill-animation, none)}.staff-page .tabs-animating:after{background-color:color-mix(in srgb,var(--c-glass) 36%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 3px 6px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}@keyframes tabScaleLeft{0%{scale:1 1}50%{scale:1.1 1}to{scale:1 1}}@keyframes tabScaleCenter{0%{scale:1 1}50%{scale:1.15 1}to{scale:1 1}}@keyframes tabScaleRight{0%{scale:1 1}50%{scale:1.1 1}to{scale:1 1}}.staff-page .tab{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:0 16px;height:100%;box-sizing:border-box;border-radius:99em;border:none;background:none;font-size:15px;font-weight:400;color:#fff;cursor:pointer;opacity:1;transition:all .16s;z-index:1}.staff-page .tab:hover{color:var(--c-light)}.staff-page .tab:hover .tab-icon{scale:1.15}.staff-page .tab-active{color:#fff;background:transparent;cursor:auto;font-weight:500}.staff-page .tab-active:hover{color:#fff;background:transparent}.staff-page .tab-active .tab-icon{scale:1}.staff-page .tab-count{font-size:12px;padding:2px 8px;border-radius:10px;background:#fff3;color:inherit;min-width:20px;text-align:center;font-weight:500;transition:background .16s ease;position:relative;z-index:2}.staff-page .tab-active .tab-count{background:#ffffff40;color:#fff}.staff-page .tab-icon{display:block;width:100%;transition:scale .2s cubic-bezier(.5,0,0,1)}.staff-page .search-wrapper{position:relative;width:320px}.staff-page .search-wrapper svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#5a698299;pointer-events:none}.staff-page .search-input{width:100%;padding:12px 18px 12px 46px;font-size:15px;color:#1a1a2e;background:#fff9;border:1px solid rgba(0,0,0,.1);border-radius:2rem;outline:none;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000000d,0 2px 6px #0000000d}.staff-page .search-input::placeholder{color:#1a1a2e80}.staff-page .search-input:focus{background:#ffffffe6;border-color:var(--primary);box-shadow:inset 0 1px 3px #0000000d,0 0 0 3px #70a78826,0 4px 12px #0000001a}.staff-page .filters{display:flex;gap:12px;align-items:center}.staff-page .filter-select{padding:10px 14px;font-size:14px;color:var(--text-primary);background:linear-gradient(175deg,#fff6,#fafcff4d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-md);outline:none;cursor:pointer;min-width:160px;box-shadow:0 2px 8px #6478a014,inset 0 1px #ffffff80;transition:all var(--transition-fast)}.staff-page .filter-select:focus{border-color:#fff9;background:linear-gradient(175deg,#ffffff80,#fafcff66)}.staff-page .filter-date{padding:10px 14px;font-size:14px;color:var(--text-primary);background:linear-gradient(175deg,#fff6,#fafcff4d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-md);outline:none;cursor:pointer;box-shadow:0 2px 8px #6478a014,inset 0 1px #ffffff80;transition:all var(--transition-fast)}.staff-page .filter-date:focus{border-color:#fff9;background:linear-gradient(175deg,#ffffff80,#fafcff66)}.staff-page .data-list-card{position:relative;padding:0;overflow:hidden;background:#ffffff40;border-radius:2rem;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.staff-page .data-list-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffff40;pointer-events:none}.staff-page .data-list-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;pointer-events:none}.staff-page .data-list-card:hover{box-shadow:0 8px 12px #00000040,0 0 30px #00000026}.staff-page .list-header{position:relative;z-index:3;display:grid;padding:14px 24px;font-size:12px;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px;background:#00000005;border-bottom:1px solid rgba(0,0,0,.06);gap:16px}.staff-page .list-header-employees{grid-template-columns:minmax(200px,1.5fr) 150px 140px 160px}.staff-page .list-header-shifts{grid-template-columns:100px minmax(150px,1fr) minmax(120px,1fr) 100px 100px 140px 100px}.staff-page .list-header-payroll{grid-template-columns:minmax(150px,1fr) 140px 80px 80px 100px 100px 120px 100px}.staff-page .list-header span{display:flex;align-items:center}.staff-page .list-header .center{justify-content:center}.staff-page .list-header .right{justify-content:flex-end}.staff-page .data-list{display:flex;flex-direction:column}.staff-page .data-row-wrapper{animation:slideIn .3s ease forwards;opacity:0;transform:translateY(10px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.staff-page .data-row{position:relative;z-index:3;display:grid;align-items:center;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.06);gap:16px;background:transparent}.staff-page .data-row:last-child{border-bottom:none}.staff-page .data-row:hover{background:#00000005}.staff-page .data-row-inactive{background:#6478a014;opacity:.75}.staff-page .row-name-fired{color:var(--text-primary)}.staff-page .data-row-employees{grid-template-columns:minmax(200px,1.5fr) 150px 140px 160px}.staff-page .data-row-shifts{grid-template-columns:100px minmax(150px,1fr) minmax(120px,1fr) 100px 100px 140px 100px}.staff-page .data-row-payroll{grid-template-columns:minmax(150px,1fr) 140px 80px 80px 100px 100px 120px 100px}.staff-page .row-main{display:flex;align-items:center;gap:14px}.staff-page .row-avatar{width:46px;height:46px;border-radius:50%;background:#ffffff40;color:#1a1a2e;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;flex-shrink:0;box-shadow:0 2px 6px #00000026,inset 1px 1px #ffffffbf}.staff-page .row-avatar-muted{background:#0000000d;color:#1a1a2e80}.staff-page .row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.staff-page .row-name{font-size:15px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-page .row-subtitle{font-size:13px;color:#1a1a2ebf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-page .cell{display:flex;align-items:center;min-width:0}.staff-page .cell-center{justify-content:center}.staff-page .cell-right{justify-content:flex-end}.staff-page .cell-value{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-page .cell-value-large{font-size:16px;font-weight:600}.staff-page .cell-value-primary{color:var(--primary)}.staff-page .cell-value-success{color:var(--success)}.staff-page .cell-value-warning{color:var(--warning)}.staff-page .cell-value-error{color:var(--error)}.staff-page .cell-value-muted{color:var(--text-muted)}.staff-page .cell-meta{display:flex;flex-direction:column;gap:2px}.staff-page .cell-meta-sub{font-size:12px;color:var(--text-muted)}.staff-page .badge{display:inline-flex;align-items:center;padding:6px 14px;font-size:11px;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:.4px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 3px 10px #6478a01f,inset 0 1px #ffffff80}.staff-page .badge-success{background:linear-gradient(145deg,#22c55e73,#22c55e4d);color:#15803d;border:1px solid rgba(34,197,94,.55)}.staff-page .badge-warning{background:linear-gradient(145deg,#f59e0b73,#f59e0b4d);color:#b45309;border:1px solid rgba(245,158,11,.55)}.staff-page .badge-error{background:linear-gradient(145deg,#ef444473,#ef44444d);color:#b91c1c;border:1px solid rgba(239,68,68,.55)}.staff-page .badge-muted{background:linear-gradient(145deg,#ffffff8c,#f2f8ff6b);color:#41506ee6;border:1px solid rgba(255,255,255,.55)}.staff-page .badge-primary{background:linear-gradient(145deg,#70a78880,#70a78859);color:#3d6a51;border:1px solid rgba(112,167,136,.6)}.staff-page .tg-empty{color:#7887a066;font-size:16px}.staff-page .tg-username{font-size:14px;font-weight:500;letter-spacing:-.2px}.staff-page .tg-pending{color:#92400e;text-decoration:underline;text-decoration-color:#f59e0b66;text-decoration-style:dashed;text-underline-offset:3px}.staff-page .tg-verified{color:#0077b5}.staff-page .status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px}.staff-page .status-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.staff-page .status-pill-text{font-size:13px;font-weight:500;white-space:nowrap}.staff-page .status-pill-active{background:#22c55e26}.staff-page .status-pill-active .status-pill-dot{background:#22c55e}.staff-page .status-pill-active .status-pill-text{color:#16a34a}.staff-page .status-pill-fired{background:#ef44441f}.staff-page .status-pill-fired .status-pill-dot{background:#ef4444}.staff-page .status-pill-fired .status-pill-text{color:#dc2626}.staff-page .row-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.staff-page .data-row:hover .row-actions{opacity:1}.staff-page .action-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.staff-page .action-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:#111;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:all .15s ease;pointer-events:none;margin-bottom:6px;z-index:9999}.staff-page .action-btn:hover:after{opacity:1;visibility:visible}.staff-page .action-btn:hover{background:linear-gradient(145deg,#ffffff73,#f5faff4d);border-color:#fff6;color:var(--text-primary);box-shadow:0 2px 8px #6478a01a,inset 0 1px #ffffff80}.staff-page .action-btn-success:hover{background:linear-gradient(145deg,#22c55e40,#22c55e1f);border-color:#22c55e59;color:#16a34a}.staff-page .action-btn-warning:hover{background:linear-gradient(145deg,#f59e0b40,#f59e0b1f);border-color:#f59e0b59;color:#d97706}.staff-page .action-btn-danger:hover{background:linear-gradient(145deg,#ef444440,#ef44441f);border-color:#ef444459;color:#dc2626}.staff-page .action-btn-navigate{color:var(--text-muted)}.staff-page .action-btn-navigate:hover{background:linear-gradient(145deg,#70a78840,#70a7881f);border-color:#70a78859;color:#5d9174}.staff-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.staff-page .empty-icon{width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#ffffff80,#fafcff59,#f5f8ff66);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#64738c99;border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 25px #6478a026,inset 0 1px 2px #ffffffb3,inset 0 -1px 3px #788cb414}.staff-page .empty-icon svg{width:40px;height:40px}.staff-page .empty-state h3{margin:0 0 8px;font-size:20px;font-weight:500;color:var(--text-primary)}.staff-page .empty-state p{margin:0;font-size:15px;color:var(--text-secondary)}.staff-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:20px;color:var(--text-secondary)}.staff-page .loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.35);border-top-color:#64738c99;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 4px 15px #6478a01a,inset 0 1px #fff6}.staff-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.staff-page .btn:disabled{opacity:.5;cursor:not-allowed}.staff-page .btn-icon{display:flex;align-items:center;justify-content:center}.staff-page .btn-small{padding:8px 14px;font-size:13px}.staff-page .btn-medium{padding:10px 18px;font-size:14px}.staff-page .btn-large{padding:14px 24px;font-size:15px}.staff-page .btn-primary{background:linear-gradient(145deg,#70a788f2,#5a9173e6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 20px #70a78859,0 2px 8px #3c645033,inset 0 1px #ffffff59,inset 0 -1px #0000001a;border-radius:14px;text-shadow:0 1px 2px rgba(0,0,0,.15)}.staff-page .btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#78af91fa,#5f9678f2);box-shadow:0 4px 20px #70a78859,0 2px 8px #3c645033,inset 0 1px #ffffff59,inset 0 -1px #0000001a;transform:none}.staff-page .btn-primary:active:not(:disabled){background:linear-gradient(145deg,#649b7df2,#508269e6)}.staff-page .btn-secondary{background:linear-gradient(145deg,#ffffff80,#f2f8ff66);color:var(--text-primary);border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #50649626,inset 0 1px #fff9}.staff-page .btn-secondary:hover:not(:disabled){background:linear-gradient(145deg,#fff9,#f8fcff80);border-color:#fff9}.staff-page .btn-ghost{background:transparent;color:var(--text-secondary);border:none}.staff-page .btn-ghost:hover:not(:disabled){background:#ffffff40;color:var(--text-primary)}.staff-page .btn-danger{background:linear-gradient(135deg,#ef4444e6,#dc2626f2);color:#fff;border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 12px #ef444440}.staff-page .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 16px #ef444459}.staff-page .btn-success{background:linear-gradient(135deg,#22c55ee6,#16a34af2);color:#fff;border:1px solid rgba(34,197,94,.3);box-shadow:0 4px 12px #22c55e40}.staff-page .btn-success:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 16px #22c55e59}.staff-page .input-group{display:flex;flex-direction:column;gap:6px}.staff-page .input-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.staff-page .input-label .required{color:var(--error);margin-left:2px}.staff-page .input-wrapper{position:relative}.staff-page .input{width:100%;padding:12px 14px;font-size:14px;color:var(--text-primary);background:linear-gradient(175deg,#fff6,#fafcff4d,#f5f8ff59);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast);box-sizing:border-box;box-shadow:0 2px 8px #6478a014,inset 0 1px #ffffff80}.staff-page .input::placeholder{color:var(--text-muted)}.staff-page .input:focus{border-color:#fff9;background:linear-gradient(175deg,#ffffff80,#fafcff66,#f5f8ff73);box-shadow:0 4px 15px #6478a01f,inset 0 1px #fff9}.staff-page .input-error{border-color:var(--error)}.staff-page .input-error:focus{box-shadow:0 0 0 3px #ef44441a}.staff-page .input-disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.staff-page .input-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.staff-page .input-error-text{font-size:12px;color:var(--error)}.staff-page .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.staff-page .password-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.staff-page .select{width:100%;padding:12px 14px;font-size:14px;color:var(--text-primary);background:linear-gradient(175deg,#fff6,#fafcff4d,#f5f8ff59);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #6478a014,inset 0 1px #ffffff80}.staff-page .select:focus{border-color:#fff9;background:linear-gradient(175deg,#ffffff80,#fafcff66,#f5f8ff73);box-shadow:0 4px 15px #6478a01f,inset 0 1px #fff9}.staff-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.staff-page .modal{background:linear-gradient(180deg,#afbedcfa,#a0afd2f7,#91a0c8f5,#8291bef7,#7887b4fa);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #3c558259,0 8px 25px #32466e40,inset 0 1px #ffffff73;border:1px solid rgba(255,255,255,.3);animation:slideUp .3s ease}.staff-page .modal-wide{max-width:680px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.25);background:transparent}.staff-page .modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.staff-page .modal-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px;display:block}.staff-page .modal-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff6,#f5faff40);border:1px solid rgba(255,255,255,.35);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #6478a01a,inset 0 1px #ffffff80}.staff-page .modal-close:hover{background:linear-gradient(145deg,#ffffff80,#f8fcff59);color:var(--text-primary)}.staff-page .modal-body{padding:24px;overflow-y:auto;flex:1}.staff-page .modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.25)}.staff-page .modal-actions{display:flex;justify-content:flex-end;gap:12px}.staff-page .modal-error{padding:10px 14px;margin-bottom:12px;background:linear-gradient(145deg,#ef44442e,#ef44441a);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#dc2626;font-size:13px;box-shadow:0 2px 8px #ef444414,inset 0 1px #fff3}.staff-page .form-section{margin-bottom:16px}.staff-page .form-section:last-child{margin-bottom:0}.staff-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.staff-page .form-section-card{background:linear-gradient(175deg,#ffffff59,#fafcff47,#f5f8ff52);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.35);padding:16px;margin-top:8px;box-shadow:0 2px 10px #6478a014,inset 0 1px #fff6}.staff-page .form-section-card h4{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--text-primary)}.staff-page .info-box{background:linear-gradient(145deg,#70a78833,#70a7881f);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(112,167,136,.3);border-radius:var(--radius-md);padding:14px 16px;margin:16px 0;box-shadow:0 2px 10px #70a7881a,inset 0 1px #ffffff4d}.staff-page .info-box-title{font-size:14px;font-weight:600;color:var(--primary-dark);margin-bottom:4px}.staff-page .info-box-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.staff-page .drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000;animation:fadeIn .2s ease}.staff-page .drawer{background:linear-gradient(180deg,#afbedcfa,#a0afd2f7,#91a0c8f5,#8291bef7,#7887b4fa);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);width:560px;max-width:100%;height:100%;overflow:auto;box-shadow:-10px 0 40px #3c55824d,inset 1px 0 #ffffff59;animation:slideLeft .3s ease}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.staff-page .drawer-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:linear-gradient(180deg,#afbedcfa,#a5b4d7f7);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);z-index:1}.staff-page .drawer-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.staff-page .drawer-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.staff-page .drawer-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff6,#f5faff40);border:1px solid rgba(255,255,255,.35);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #6478a01a,inset 0 1px #ffffff80}.staff-page .drawer-close:hover{background:linear-gradient(145deg,#ffffff80,#f8fcff59);color:var(--text-primary)}.staff-page .drawer-body{padding:24px}.staff-page .drawer-section{background:linear-gradient(175deg,#ffffff80,#f8fcff70,#f2f8ff7a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.45);padding:16px;margin-bottom:16px;box-shadow:0 4px 15px #50649626,inset 0 1px #ffffff8c}.staff-page .drawer-section:last-child{margin-bottom:0}.staff-page .drawer-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.staff-page .drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.staff-page .drawer-stat{text-align:center}.staff-page .drawer-stat-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}.staff-page .drawer-stat-value-primary{color:var(--primary)}.staff-page .drawer-stat-label{font-size:12px;color:var(--text-muted);margin-top:4px}.staff-page .drawer-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2)}.staff-page .drawer-row:last-child{border-bottom:none}.staff-page .drawer-row-label{font-size:14px;color:var(--text-secondary)}.staff-page .drawer-row-value{font-size:14px;font-weight:500;color:var(--text-primary)}@media (max-width: 1200px){.staff-page .data-row-employees,.staff-page .list-header-employees{grid-template-columns:minmax(180px,1fr) 140px 130px 140px}}@media (max-width: 900px){.staff-page{padding:20px}.staff-page .controls-section{flex-direction:column;align-items:stretch}.staff-page .search-wrapper{width:100%}.staff-page .filters{justify-content:stretch}.staff-page .filter-select,.staff-page .filter-date{flex:1}.staff-page .list-header{display:none}.staff-page .data-row{display:flex;flex-direction:column;gap:12px;align-items:stretch}.staff-page .row-actions{opacity:1;justify-content:flex-end}.staff-page .drawer{width:100%}.staff-page .form-row{grid-template-columns:1fr}}@media (max-width: 640px){.staff-page .page-header{flex-direction:column}.staff-page .page-header .btn-large{width:100%}.staff-page .stats-grid{grid-template-columns:1fr 1fr}.staff-page .modal{max-height:calc(100vh - 40px);max-width:100%;border-radius:var(--radius-lg)}.staff-page .drawer-stats{grid-template-columns:1fr 1fr}}.staff-page .modal-overlay-glass{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.staff-page .modal-glass{background:linear-gradient(180deg,#afbedcfa,#a0afd2f7,#91a0c8f5,#8291bef7,#7887b4fa);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:0 20px 60px #3c558259,0 8px 25px #32466e40,inset 0 1px #ffffff73;max-width:480px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.staff-page .modal-header-glass{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:transparent;border:none}.staff-page .modal-back-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffffff73,#f5faff4d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6478a026,inset 0 1px #fff9}.staff-page .modal-back-btn:hover{background:linear-gradient(145deg,#ffffff8c,#f8fcff66);transform:scale(1.03)}.staff-page .modal-action-btn{padding:10px 20px;background:linear-gradient(145deg,#ffffff73,#f5faff4d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6478a026,inset 0 1px #fff9}.staff-page .modal-action-btn:hover:not(:disabled){background:linear-gradient(145deg,#ffffff8c,#f8fcff66);transform:translateY(-1px)}.staff-page .modal-action-btn:disabled{opacity:.6;cursor:not-allowed}.staff-page .modal-avatar-section{display:flex;flex-direction:column;align-items:center;padding:20px 0 30px}.staff-page .liquid-glass-avatar{position:relative;width:140px;height:140px;margin-bottom:20px}.staff-page .liquid-glass-avatar-glow{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(220,230,250,.2) 50%,transparent 70%);z-index:0;filter:blur(12px)}.staff-page .liquid-glass-avatar-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(145deg,#ffffffb3,#fff6,#dce6f559,#c8d7eb66,#dce6f580);box-shadow:0 10px 35px #6478a040,0 4px 15px #50648c26,inset 0 2px 3px #fffffff2,inset 0 -2px 5px #788cb41f,inset 0 0 20px #ffffff40;z-index:1}.staff-page .liquid-glass-avatar-inner{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:linear-gradient(150deg,#ffffffa6,#fafcff73,#f0f5ff59 60%,#ebf2fc66);backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 5px #ffffffe6,inset 0 -2px 8px #788cb414,0 2px 10px #6478a01a;z-index:2;overflow:hidden}.staff-page .liquid-glass-avatar-inner:before{content:"";position:absolute;top:4%;left:12%;right:12%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.35) 40%,transparent 100%);border-radius:50%/100% 100% 0% 0%;filter:blur(2px);z-index:3}.staff-page .liquid-glass-avatar-inner:after{content:"";position:absolute;bottom:5%;left:15%;right:15%;height:25%;background:linear-gradient(0deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:0% 0% 50% 50%/0% 0% 100% 100%;filter:blur(3px);z-index:3}.staff-page .liquid-glass-avatar-letter{font-size:52px;font-weight:300;color:#5564828c;text-shadow:0 1px 3px rgba(255,255,255,.7);letter-spacing:-2px;z-index:4;position:relative}.staff-page .modal-name-title{margin:0;font-size:28px;font-weight:400;color:var(--text-primary);text-align:center;letter-spacing:-.5px}.staff-page .modal-body-glass{padding:0 20px 30px;overflow-y:auto}.staff-page .glass-form-card{background:linear-gradient(175deg,#ffffff80,#f8fcff70,#f2f8ff7a);backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);border-radius:16px;border:1px solid rgba(255,255,255,.5);padding:4px 0;margin-bottom:16px;box-shadow:0 4px 20px #5064962e,inset 0 1px #ffffffa6;overflow:hidden;position:relative}.staff-page .glass-form-row{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.staff-page .glass-form-row:last-child{border-bottom:none}.staff-page .glass-form-row label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.staff-page .glass-form-row input{width:100%;padding:0;font-size:17px;font-weight:400;color:var(--text-primary);background:transparent;border:none;outline:none}.staff-page .glass-form-row input::placeholder{color:var(--text-muted)}.staff-page .glass-form-row input.input-error{color:var(--error)}.staff-page .glass-form-row-password{flex-direction:row;align-items:center;gap:12px}.staff-page .glass-password-content{flex:1;display:flex;flex-direction:column}.staff-page .glass-password-content label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.staff-page .glass-password-content input{width:100%;padding:0;font-size:17px;font-weight:400;color:var(--text-primary);background:transparent;border:none;outline:none}.staff-page .glass-password-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff59;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 6px #6478a014}.staff-page .glass-password-toggle:hover{background:#ffffff80;color:var(--text-primary)}.staff-page .glass-error{display:block;padding:0 16px 12px;font-size:12px;color:var(--error)}.staff-page .glass-form-row-with-icon{flex-direction:row;align-items:center;gap:12px}.staff-page .glass-row-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.staff-page .glass-row-icon.telegram-icon{background:linear-gradient(135deg,#08c,#00a8e8);color:#fff}.staff-page .glass-row-content{flex:1;display:flex;flex-direction:column}.staff-page .glass-row-content label{font-size:11px;text-transform:uppercase;letter-spacing:.3px}.staff-page .glass-row-content input{font-size:16px}.staff-page .glass-verified-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--success);color:#fff;border-radius:50%;flex-shrink:0}.staff-page .glass-hint{padding:8px 16px 12px;font-size:12px;color:var(--warning)}.staff-page .glass-info-card{display:flex;align-items:flex-start;gap:12px;background:#70a78838;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(112,167,136,.35);padding:14px 16px;margin-bottom:16px}.staff-page .glass-info-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);flex-shrink:0}.staff-page .glass-info-text{font-size:14px;color:var(--primary-dark);line-height:1.4}@media (max-width: 520px){.staff-page .modal-glass{max-width:calc(100% - 32px);margin:16px}.staff-page .liquid-glass-avatar{width:110px;height:110px}.staff-page .liquid-glass-avatar-letter{font-size:36px}.staff-page .modal-name-title{font-size:22px}.staff-page .modal-avatar-section{padding:16px 0 24px}.staff-page .modal-body-glass{padding:0 16px 24px}}.emp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;animation:empModalOverlayIn .3s cubic-bezier(.4,0,.2,1) forwards}.emp-modal-overlay--closing{animation:empModalOverlayOut .28s cubic-bezier(.4,0,.2,1) forwards}@keyframes empModalOverlayIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes empModalOverlayOut{0%{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}to{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}.emp-modal{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 40px);border-radius:2rem;overflow:hidden;display:flex;flex-direction:column;animation:empModalIn .35s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 24px 48px #00000040,0 0 0 1px #ffffff1a}.emp-modal--closing{animation:empModalOut .25s cubic-bezier(.4,0,.2,1) forwards}.emp-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff6;pointer-events:none}.emp-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;pointer-events:none}@keyframes empModalIn{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes empModalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(16px)}}.emp-modal__header{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);background:transparent}.emp-modal__back-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;justify-self:start}.emp-modal__back-btn:hover{background:#0000000a;color:var(--text-primary)}.emp-modal__back-btn:active{transform:scale(.97)}.emp-modal__back-btn svg{width:18px;height:18px}.emp-modal__title{margin:0;font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px;text-align:center;white-space:nowrap}.emp-modal__header-right{display:flex;justify-content:flex-end}.emp-modal__save-btn{padding:10px 20px;min-width:110px;background:#70a788;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}.emp-modal__save-btn:hover:not(:disabled){background:#5d9275}.emp-modal__save-btn:active:not(:disabled){transform:scale(.97)}.emp-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}.emp-modal__body{position:relative;z-index:3;padding:28px 24px 32px;overflow-y:auto;flex:1}.emp-modal__avatar-section{display:flex;justify-content:center;margin-bottom:28px}.emp-avatar{position:relative;width:100px;height:100px}.emp-avatar__glow,.emp-avatar__ring{display:none}.emp-avatar__inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;overflow:hidden}.emp-avatar__inner:before{display:none}.emp-avatar__letter{font-size:36px;font-weight:500;color:#1a1a2e;letter-spacing:-1px}.emp-avatar svg{width:40px;height:40px;color:#1a1a2ebf}.emp-form-card{background:#ffffff73;border-radius:1rem;border:1px solid rgba(255,255,255,.6);padding:4px 0;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}.emp-form-card__row{display:flex;flex-direction:column;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.05)}.emp-form-card__row:last-child{border-bottom:none}.emp-form-card__row label{font-size:11px;font-weight:600;color:#1a1a2e80;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.emp-form-card__row input{width:100%;padding:0;font-size:17px;font-weight:400;color:#1a1a2e;background:transparent;border:none;outline:none}.emp-form-card__row input:-webkit-autofill,.emp-form-card__row input:-webkit-autofill:hover,.emp-form-card__row input:-webkit-autofill:focus,.emp-form-card__row input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#1a1a2e;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px transparent}.emp-form-card__row input::placeholder{color:#1a1a2e80}.emp-form-card__row input.has-error{color:var(--error)}.emp-form-card__error{display:block;font-size:11px;font-weight:500;color:var(--error);margin-top:6px}.emp-form-card__error--outside{padding:0 18px 12px;margin-top:0}.emp-form-card__row--phone{flex-direction:column}.emp-form-card__phone-input{display:flex;align-items:center;gap:0}.emp-form-card__phone-prefix{font-size:17px;font-weight:400;color:#1a1a2e;padding-right:2px;flex-shrink:0}.emp-form-card__phone-input input{flex:1;padding-left:0}.emp-form-card__row--password{flex-direction:row;align-items:center;gap:12px}.emp-form-card__password-content{flex:1;display:flex;flex-direction:column}.emp-form-card__password-content label{font-size:11px;font-weight:600;color:#1a1a2e80;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.emp-form-card__password-content input{width:100%;padding:0;font-size:17px;font-weight:400;color:#1a1a2e;background:transparent;border:none;outline:none}.emp-form-card__password-content input:-webkit-autofill,.emp-form-card__password-content input:-webkit-autofill:hover,.emp-form-card__password-content input:-webkit-autofill:focus,.emp-form-card__password-content input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#1a1a2e;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px transparent}.emp-form-card__eye-btn{padding:8px 12px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:12px;color:#1a1a2e80;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:13px;font-weight:500;white-space:nowrap}.emp-form-card__eye-btn:hover{background:#0000000d;color:#1a1a2e}.emp-telegram-card{background:#ffffff73;border-radius:1rem;border:1px solid rgba(255,255,255,.6);padding:16px 18px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}.emp-telegram-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.emp-telegram-card__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.emp-telegram-card__icon svg{width:32px;height:32px}.emp-telegram-card__label{font-size:15px;font-weight:500;color:#1a1a2e}.emp-telegram-card input{width:100%;padding:10px 14px;font-size:16px;font-weight:400;color:#1a1a2e;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:.75rem;outline:none;transition:all .2s ease}.emp-telegram-card input:-webkit-autofill,.emp-telegram-card input:-webkit-autofill:hover,.emp-telegram-card input:-webkit-autofill:focus,.emp-telegram-card input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#1a1a2e;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #00000008}.emp-telegram-card input::placeholder{color:#1a1a2e66}.emp-telegram-card input:focus{background:#0000000d;border-color:var(--primary);box-shadow:0 0 0 2px #70a78826}.emp-telegram-card__hint{display:block;font-size:12px;font-weight:500;color:var(--warning);margin-top:10px}.emp-info-card{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(145deg,#70a78826,#70a78814);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(112,167,136,.25);padding:16px 18px;box-shadow:0 4px 16px #70a7881a,inset 0 1px #fff6}.emp-info-card svg{width:20px;height:20px;color:var(--primary);flex-shrink:0;margin-top:1px}.emp-info-card span{font-size:14px;line-height:1.5;color:#375f4bd9}@media (max-width: 480px){.emp-modal{max-width:100%;border-radius:28px 28px 0 0;max-height:92vh}.emp-modal-overlay{align-items:flex-end;padding:0}.emp-avatar{width:100px;height:100px}.emp-avatar__inner{top:7px;right:7px;bottom:7px;left:7px}.emp-avatar__letter{font-size:34px}.emp-modal__body{padding:24px 20px 36px}.emp-form-card__row{padding:12px 16px}.emp-form-card__row input,.emp-form-card__password-content input{font-size:16px}}.staff-page .animated-tab-container{will-change:height}.staff-page .animated-tab-content{will-change:opacity,transform}.staff-page .animated-tab-content--animating{pointer-events:none}@keyframes tabContentSlideLeft{0%{opacity:1;transform:translate(0)}45%{opacity:0;transform:translate(-30px)}55%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes tabContentSlideRight{0%{opacity:1;transform:translate(0)}45%{opacity:0;transform:translate(30px)}55%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.staff-page .animated-data-list{--stagger-delay: 40ms;--base-delay: 50ms}.staff-page .animated-data-list .data-row-wrapper{animation:tableRowSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(16px) scale(.98)}.staff-page .animated-data-list .data-row-wrapper:nth-child(1){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 0)}.staff-page .animated-data-list .data-row-wrapper:nth-child(2){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 1)}.staff-page .animated-data-list .data-row-wrapper:nth-child(3){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 2)}.staff-page .animated-data-list .data-row-wrapper:nth-child(4){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 3)}.staff-page .animated-data-list .data-row-wrapper:nth-child(5){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 4)}.staff-page .animated-data-list .data-row-wrapper:nth-child(6){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 5)}.staff-page .animated-data-list .data-row-wrapper:nth-child(7){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 6)}.staff-page .animated-data-list .data-row-wrapper:nth-child(8){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 7)}.staff-page .animated-data-list .data-row-wrapper:nth-child(9){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 8)}.staff-page .animated-data-list .data-row-wrapper:nth-child(10){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 9)}.staff-page .animated-data-list .data-row-wrapper:nth-child(n+11){animation-delay:calc(var(--base-delay) + var(--stagger-delay) * 10)}@keyframes tableRowSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}60%{opacity:1;transform:translateY(-2px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-page .animated-data-list .empty-state{animation:emptyStateAppear .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.1s;opacity:0;transform:scale(.95)}@keyframes emptyStateAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.staff-page .animated-tab-content .loading-state{animation:loadingFadeIn .3s ease forwards}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.staff-page .animated-tab-content[data-direction=right].animated-tab-content--entering{animation:slideFromRight .32s cubic-bezier(.34,1.56,.64,1) forwards}.staff-page .animated-tab-content[data-direction=left].animated-tab-content--entering{animation:slideFromLeft .32s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideFromRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}@keyframes slideToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}.staff-page .data-list-card--transitioning{overflow:hidden}.staff-page .data-list-card--transitioning .data-list{transition:opacity .2s ease}.staff-page .data-list-card--transitioning .list-header{position:sticky;top:0;z-index:10}@media (prefers-reduced-motion: reduce){.staff-page .animated-tab-container{transition:none}.staff-page .animated-tab-content{transition:opacity .15s ease!important;transform:none!important}.staff-page .animated-data-list .data-row-wrapper{animation:fadeInSimple .2s ease forwards;transform:none}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}.staff-page .animated-data-list .empty-state{animation:fadeInSimple .2s ease forwards;transform:none}}.categories-page{padding:32px;max-width:1600px;margin:0 auto}.categories-page .categories-content,.categories-page .tab-content{display:block}.categories-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.categories-page .header-text h1{margin:0;font-size:36px;font-weight:700;color:#1a1a2e;letter-spacing:-.5px}.categories-page .header-text p{margin:6px 0 0;font-size:15px;color:#3a4558}.categories-page .header-actions{display:flex;gap:12px}.categories-page .tabs-search-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.categories-page .tabs-search-row .tabs-wrapper{margin-bottom:0}.categories-page .tabs-wrapper{margin-bottom:28px}.categories-page .tabs{--c-glass: rgb(130, 140, 170);--c-light: #fff;--c-dark: #000;--c-content: #e1e1e1;--glass-reflex-dark: 1;--glass-reflex-light: 1;--saturation: 150%;position:relative;display:inline-flex;align-items:center;gap:0;height:52px;box-sizing:border-box;padding:5px 6px;border:none;border-radius:99em;font-size:15px;background-color:#828caa;box-shadow:0 4px 15px #50649633;transition:background-color .4s cubic-bezier(1,0,.4,1);overflow:hidden;isolation:isolate}.categories-page .tabs:after{content:"";position:absolute;left:6px;top:5px;display:block;width:var(--tab-pill-width, 72px);height:calc(100% - 10px);border-radius:99em;background-color:#646e91b3;z-index:0;box-shadow:0 2px 6px #0000001f;transform:translate(var(--tab-pill-offset, 0));transform-origin:var(--tab-pill-origin, center);transition:background-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(1,0,.4,1),width .32s cubic-bezier(1,0,.4,1);animation:var(--tab-pill-animation, none)}.categories-page .tabs-animating:after{background-color:color-mix(in srgb,var(--c-glass) 36%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 3px 6px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}@keyframes tabScaleLeft{0%{scale:1 1}50%{scale:1.04 1}to{scale:1 1}}@keyframes tabScaleCenter{0%{scale:1 1}40%{scale:1.05 1}to{scale:1 1}}@keyframes tabScaleRight{0%{scale:1 1}50%{scale:1.04 1}to{scale:1 1}}.categories-page .tab{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;padding:0 16px;height:100%;box-sizing:border-box;border-radius:99em;border:none;background:none;font-size:15px;font-weight:400;color:#fff;cursor:pointer;opacity:1;transition:all .16s;z-index:1;white-space:nowrap;text-align:center;outline:none}.categories-page .tab:hover{color:var(--c-light)}.categories-page .tab:focus-visible{box-shadow:0 0 0 2px #ffffff73}.categories-page .tab-active{color:#fff;background:transparent;cursor:auto;font-weight:500}.categories-page .tab-active:focus-visible{box-shadow:none}.categories-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;opacity:0;transform:translateY(-12px);animation:sectionReveal .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.05s}.categories-page .stat-card{background:#ffffff80;border-radius:20px;padding:22px 26px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.6);transition:transform .2s ease}.categories-page .stat-card:hover{transform:translateY(-2px)}@keyframes sectionReveal{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.categories-page .stat-label{font-size:13px;color:#1a1a2ebf;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.categories-page .stat-value{font-size:32px;font-weight:600;color:#1a1a2e;letter-spacing:-1px;line-height:1}.categories-page .stat-value.primary{color:#70a788}.categories-page .stat-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.categories-page .stat-tag{display:inline-flex;padding:6px 12px;font-size:12px;font-weight:600;border-radius:10px;background:#70a7881f;color:#70a788;cursor:pointer;transition:background .15s ease}.categories-page .stat-tag:hover{background:#70a78833}.categories-page .filters-row{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:100;opacity:0;transform:translateY(-12px);animation:sectionReveal .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.12s}.categories-page .search-container{position:relative;flex:1;max-width:420px;height:52px}.categories-page .search-icon-wrapper{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#1a1a2e66;z-index:2;transition:color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.categories-page .search-container.focused .search-icon-wrapper{color:#70a788;transform:translateY(-50%) scale(1.1)}.categories-page .search-icon{font-size:18px}.categories-page .search-icon.spinning{animation:searchSpin .8s linear infinite}@keyframes searchSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.categories-page .search-input{width:100%;height:100%;padding:0 48px 0 52px;font-size:15px;font-weight:450;color:#1a1a2e;background:#fffc;border:1px solid rgba(0,0,0,.06);border-radius:16px;outline:none;transition:background .3s ease,border-color .3s ease,box-shadow .4s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.categories-page .search-container.focused .search-input{background:#fffffff2;border-color:#70a788;box-shadow:0 0 0 4px #70a78826,0 8px 24px #70a7881f;transform:scale(1.01)}.categories-page .search-container.has-value .search-input{background:#fffffff2}.categories-page .search-input::placeholder{color:#1a1a2e66;transition:opacity .3s ease,transform .3s ease}.categories-page .search-container.focused .search-input::placeholder{opacity:.6;transform:translate(4px)}.categories-page .search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%) scale(.8);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:8px;color:#1a1a2e66;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1),background .2s ease,color .2s ease;z-index:2}.categories-page .search-clear.visible{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.categories-page .search-clear:hover{background:#0000000f;color:#1a1a2e}.categories-page .search-clear:active{transform:translateY(-50%) scale(.9)}.categories-page .search-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,#70A788,transparent);border-radius:1px;transform:translate(-50%);transition:width .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.categories-page .search-container.focused .search-border{width:60%}.categories-page .search-container.has-value .search-border{width:80%;background:linear-gradient(90deg,transparent,#70A788,#70A788,transparent)}.categories-page .filter-select{min-width:220px}.categories-page .filter-select .ant-select-selector{border-radius:16px!important;height:48px!important;padding:8px 16px!important;background:#ffffffb3!important;border:1px solid transparent!important}.categories-page .filter-select.ant-select-focused .ant-select-selector{border-color:#70a788!important;box-shadow:0 0 0 3px #70a78826!important}.categories-page .results-info{font-size:14px;color:#1a1a2e99;margin-bottom:20px;padding:12px 16px;background:#ffffff80;border-radius:12px;display:inline-flex;gap:4px;transition:background .3s ease,transform .3s ease;opacity:0;animation:sectionReveal .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.18s}.categories-page .results-info.search-active{background:#70a7881a;transform:translate(4px)}.categories-page .results-info strong{color:#70a788;font-weight:700}.categories-page .search-match{background:linear-gradient(135deg,#70a7884d,#70a78833);color:#2f5a45;font-weight:600;padding:1px 4px;margin:0 1px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.categories-page .tree-container{position:relative;min-height:300px;overflow-x:hidden;padding:4px 8px 4px 0;opacity:0;animation:treeContainerReveal .4s ease-out forwards;animation-delay:.2s}@keyframes treeContainerReveal{0%{opacity:0}to{opacity:1}}.categories-page .tree-branch{margin-bottom:4px;opacity:0;transform:translateY(-8px);animation:branchReveal .4s cubic-bezier(.34,1.56,.64,1) forwards}.categories-page .tree-branch:nth-child(1){animation-delay:.02s}.categories-page .tree-branch:nth-child(2){animation-delay:.04s}.categories-page .tree-branch:nth-child(3){animation-delay:.06s}.categories-page .tree-branch:nth-child(4){animation-delay:.08s}.categories-page .tree-branch:nth-child(5){animation-delay:.1s}.categories-page .tree-branch:nth-child(6){animation-delay:.12s}.categories-page .tree-branch:nth-child(7){animation-delay:.14s}.categories-page .tree-branch:nth-child(8){animation-delay:.16s}.categories-page .tree-branch:nth-child(9){animation-delay:.18s}.categories-page .tree-branch:nth-child(10){animation-delay:.2s}.categories-page .tree-branch:nth-child(11){animation-delay:.22s}.categories-page .tree-branch:nth-child(12){animation-delay:.24s}.categories-page .tree-branch:nth-child(13){animation-delay:.26s}.categories-page .tree-branch:nth-child(14){animation-delay:.28s}.categories-page .tree-branch:nth-child(15){animation-delay:.3s}.categories-page .tree-branch:nth-child(n+16){animation-delay:.32s}@keyframes branchReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.categories-page .tree-container.search-mode .tree-branch{animation:none;opacity:1;transform:none}.categories-page .branch-header{display:flex!important;align-items:center!important;gap:16px!important;width:100%;padding:14px 20px!important;background:transparent;border:none;border-radius:14px;cursor:pointer;text-align:left;transition:background-color 80ms ease-out;will-change:background-color}.categories-page .branch-header:hover{background:#70a7880f}.categories-page .branch-header.expanded{background:#70a78814}.categories-page .branch-chevron{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#1a1a2e59;font-size:14px;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1),color .15s ease-out}.categories-page .branch-header.expanded .branch-chevron{transform:rotate(90deg);color:#70a788}.categories-page .branch-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#70a7881a!important;border-radius:12px!important;color:#70a788!important;font-size:20px!important;flex-shrink:0!important;transition:background-color .15s ease-out}.categories-page .branch-header.expanded .branch-icon{background:#70a7882e!important}.categories-page .branch-name{flex:1;font-size:19px!important;font-weight:500!important;color:#1a1a2e!important;letter-spacing:-.3px;line-height:1.3!important}.categories-page .branch-header.expanded .branch-name{color:#0f172a!important;font-weight:700!important;letter-spacing:-.4px}.categories-page .branch-count{min-width:44px!important;height:34px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;font-weight:600!important;border-radius:17px!important;background:#70a7881f!important;color:#70a788!important;flex-shrink:0!important;transition:background .15s ease-out}.categories-page .branch-header.expanded .branch-count{background:#70a78833!important}.categories-page .branch-children-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1)}.categories-page .branch-children-wrapper.expanded{grid-template-rows:1fr}.categories-page .branch-children-wrapper>.branch-children{overflow:hidden;min-height:0}.categories-page .branch-children{position:relative;margin-left:24px;padding-left:32px;padding-top:8px;padding-bottom:8px}.categories-page .branch-children:before{content:"";position:absolute;left:0;top:0;bottom:16px;width:2px;background:linear-gradient(to bottom,#70a78859,#70a7881a);border-radius:1px;transform-origin:top;transform:scaleY(0);transition:transform .2s ease-out}.categories-page .branch-children-wrapper.expanded .branch-children:before{transform:scaleY(1)}.categories-page .tree-leaf{position:relative;display:flex!important;align-items:center!important;gap:16px!important;padding:12px 16px!important;margin:2px 0!important;border-radius:12px!important;cursor:pointer;transition:background-color 80ms ease-out,opacity .18s ease-out,transform .18s ease-out;opacity:0;transform:translateY(-8px)}.categories-page .branch-children-wrapper.expanded .tree-leaf{opacity:1;transform:translateY(0)}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(1){transition-delay:20ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(2){transition-delay:40ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(3){transition-delay:60ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(4){transition-delay:80ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(5){transition-delay:.1s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(6){transition-delay:.12s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(7){transition-delay:.14s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(8){transition-delay:.16s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(n+9){transition-delay:.18s}.categories-page .branch-children-wrapper:not(.expanded) .tree-leaf{transition-delay:0ms;transition-duration:.1s}.categories-page .tree-leaf.search-result-highlight{background:#70a78826}.categories-page .tree-leaf:before{content:"";position:absolute;left:-32px;top:50%;width:28px;height:2px;background:#70a78840;border-radius:1px;transform-origin:left;transform:scaleX(0);transition:transform .15s ease-out}.categories-page .branch-children-wrapper.expanded .tree-leaf:before{transform:scaleX(1)}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(1):before{transition-delay:20ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(2):before{transition-delay:40ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(3):before{transition-delay:60ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(4):before{transition-delay:80ms}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(5):before{transition-delay:.1s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(6):before{transition-delay:.12s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(7):before{transition-delay:.14s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(8):before{transition-delay:.16s}.categories-page .branch-children-wrapper.expanded .tree-leaf:nth-child(n+9):before{transition-delay:.18s}.categories-page .tree-leaf:hover{background:#70a78814}.categories-page .leaf-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#70a7881a!important;border-radius:12px!important;color:#70a788!important;font-size:20px!important;flex-shrink:0!important}.categories-page .tree-leaf:hover .leaf-icon{background:#70a78826!important}.categories-page .leaf-name{flex:1;font-size:17px!important;font-weight:450!important;color:#1e293b!important;letter-spacing:-.2px;line-height:1.4!important}.categories-page .leaf-id{font-size:13px!important;color:#1a1a2e73!important;font-family:SF Mono,Monaco,monospace;font-weight:500!important;padding:6px 12px!important;background:#0000000a!important;border-radius:10px!important;flex-shrink:0!important}.categories-page .empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.categories-page .empty-icon{font-size:48px;color:#1a1a2e33;margin-bottom:16px}.categories-page .empty-title{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.categories-page .empty-description{font-size:14px;color:#1a1a2e80}.categories-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;gap:24px}.categories-spinner{width:56px;height:56px;position:relative;animation:spinnerRotate 2s linear infinite}.categories-spinner svg{width:100%;height:100%}.categories-spinner circle{fill:none;stroke:#70a788;stroke-width:5;stroke-linecap:round;stroke-dasharray:125.66;stroke-dashoffset:125.66;transform-origin:center;animation:spinnerDash 1.5s ease-in-out infinite}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerDash{0%{stroke-dashoffset:94.25;transform:rotate(0)}50%{stroke-dashoffset:31.42;transform:rotate(180deg)}to{stroke-dashoffset:94.25;transform:rotate(360deg)}}.categories-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;border-radius:14px;border:none;cursor:pointer;transition:transform .15s ease}.categories-page .btn:active{transform:scale(.98)}.categories-page .btn-primary{background:linear-gradient(135deg,#70a788,#5a9070);color:#fff;box-shadow:0 4px 12px #70a7884d}.categories-page .btn-ghost{background:#fff9;color:#1a1a2e;border:1px solid rgba(0,0,0,.08)}.categories-page .btn-icon{width:44px;height:44px;padding:0;border-radius:12px}@media (max-width: 768px){.categories-page .page-header{flex-direction:column;align-items:flex-start}.categories-page .stats-grid{grid-template-columns:repeat(2,1fr)}.categories-page .filters-row{flex-direction:column;align-items:stretch}.categories-page .search-wrapper{max-width:none}}:root{--tree-primary: #70A788;--tree-primary-light: rgba(112, 167, 136, .12);--tree-text: #1a1a2e;--tree-text-muted: #6B7280}.category-tree-container{display:flex;gap:0;height:calc(100vh - 200px);min-height:500px}.tree-panel{flex:1;display:flex;flex-direction:column;min-width:0}.tree-header{display:flex;align-items:center;gap:12px;padding:0 0 20px}.tree-search-wrapper{flex:1;position:relative}.tree-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--tree-text-muted);opacity:.5;pointer-events:none}.tree-search-input{width:100%;padding:14px 44px 14px 48px;font-size:14px;color:var(--tree-text);background:#ffffffb3;border:1px solid transparent;border-radius:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.tree-search-input:focus{border-color:var(--tree-primary);box-shadow:0 0 0 3px #70a78826}.tree-search-input::placeholder{color:var(--tree-text-muted);opacity:.6}.tree-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--tree-text-muted);cursor:pointer;border-radius:8px;transition:background .15s ease}.tree-search-clear:hover{background:#0000000d}.tree-actions{display:flex;gap:4px}.tree-action-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff9;border:1px solid transparent;border-radius:12px;color:var(--tree-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.tree-action-btn:hover{background:#ffffffe6;color:var(--tree-primary)}.tree-action-btn-active{background:var(--tree-primary)!important;color:#fff!important}.tree-stats{display:flex;gap:16px;padding:16px 20px;background:#ffffff80;border-radius:16px;margin-bottom:16px}.tree-stat{display:flex;align-items:baseline;gap:6px}.tree-stat-value{font-size:20px;font-weight:700;color:var(--tree-primary)}.tree-stat-label{font-size:12px;color:var(--tree-text-muted);font-weight:500}.tree-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;transform:translateZ(0)}.tree-nodes{padding:0}.tree-node-wrapper{contain:layout style}.tree-node{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:2px 0;border-radius:14px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.tree-node:hover{background:#70a7880f}.tree-node-selected{background:#70a7881a!important;box-shadow:0 2px 8px #70a7881a}.tree-chevron{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--tree-text-muted);opacity:.4;font-size:12px;flex-shrink:0;transition:transform .15s ease-out}.tree-chevron-expanded{transform:rotate(90deg);opacity:1;color:var(--tree-primary)}.tree-chevron-placeholder{opacity:0}.tree-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--tree-primary-light);flex-shrink:0;font-size:18px;color:var(--tree-primary)}.tree-node-selected .tree-icon{background:#70a7882e}.tree-name{flex:1;font-size:16px;font-weight:500;color:var(--tree-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px}.tree-node-selected .tree-name{color:#1a1a2e;font-weight:700;letter-spacing:-.3px}.search-highlight{background:#70a7884d;padding:2px 4px;border-radius:4px;font-weight:600}.tree-product-count{font-size:12px;color:var(--tree-text-muted);padding:4px 10px;background:#0000000a;border-radius:8px}.tree-count{min-width:36px;height:28px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:13px;font-weight:600;color:var(--tree-primary);background:var(--tree-primary-light);border-radius:14px;flex-shrink:0}.tree-node-selected .tree-count{background:#70a7882e}.tree-children{margin-left:28px;padding-left:20px;border-left:2px solid rgba(112,167,136,.15)}.tree-children .tree-node{padding:12px 16px}.tree-children .tree-icon{width:36px;height:36px;font-size:15px;border-radius:10px}.tree-children .tree-name{font-size:15px;font-weight:450;color:#3a4558}.tree-children .tree-node-selected .tree-name{font-weight:500;color:var(--tree-primary)}.tree-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--tree-text-muted)}.tree-loading-spinner{width:24px;height:24px;border:2px solid var(--tree-primary-light);border-top-color:var(--tree-primary);border-radius:50%;animation:spin .7s linear infinite}.tree-loading-spinner.large{width:36px;height:36px}.tree-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center;color:var(--tree-text-muted)}.tree-empty-state svg{width:48px;height:48px;opacity:.3}.tree-empty-action{margin-top:8px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--tree-primary);background:var(--tree-primary-light);border:none;border-radius:8px;cursor:pointer}.detail-panel{width:0;min-width:0;overflow:hidden;background:#ffffffe6;border-radius:20px;opacity:0;transform:translate(20px);transition:width .25s ease,min-width .25s ease,margin-left .25s ease,opacity .2s ease,transform .25s ease;display:flex;flex-direction:column}.detail-panel-open{width:400px;min-width:400px;margin-left:20px;opacity:1;transform:translate(0);box-shadow:0 4px 20px #00000014}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(0,0,0,.05)}.detail-header-info{flex:1;min-width:0}.detail-title{font-size:17px;font-weight:600;color:var(--tree-text);margin:0}.detail-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--tree-text-muted);cursor:pointer;border-radius:8px;transition:background .15s ease}.detail-close:hover{background:#0000000d}.detail-status-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#00000005;border-bottom:1px solid rgba(0,0,0,.03)}.detail-active{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.detail-active.active{background:#70a78826;color:var(--tree-primary)}.detail-active.inactive{background:#0000000d;color:var(--tree-text-muted)}.detail-content{flex:1;overflow-y:auto;padding:16px 20px}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--tree-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.detail-section-count{font-size:11px;font-weight:600;color:var(--tree-primary);background:var(--tree-primary-light);padding:2px 8px;border-radius:8px;margin-left:auto}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-info-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:#fff9;border-radius:10px}.detail-info-label{font-size:10px;font-weight:500;color:var(--tree-text-muted);text-transform:uppercase}.detail-info-value{font-size:13px;font-weight:500;color:var(--tree-text)}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--tree-text-muted);background:#00000005;border-radius:10px}.detail-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--tree-text-muted)}.detail-placeholder-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--tree-primary-light);border-radius:16px;margin-bottom:14px;color:var(--tree-primary)}.detail-placeholder h3{font-size:15px;font-weight:600;color:var(--tree-text);margin:0 0 6px}.detail-placeholder p{font-size:13px;margin:0}.attributes-list{display:flex;flex-direction:column;gap:4px}.attribute-item{background:#fff9;border-radius:10px;overflow:hidden}.attribute-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer}.attribute-header.attribute-disabled{cursor:default;opacity:.6}.attribute-chevron{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--tree-text-muted);transition:transform .2s ease}.attribute-chevron-expanded{transform:rotate(90deg);color:var(--tree-primary)}.attribute-icon{color:var(--tree-primary);opacity:.7}.attribute-name{flex:1;font-size:13px;font-weight:500;color:var(--tree-text)}.value-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#70a7881a;border-radius:5px;font-size:12px;color:var(--tree-text)}.value-chip-icon{color:var(--tree-primary);opacity:.6}.value-chip-text{font-weight:500}.value-chip-original{font-size:10px;color:var(--tree-text-muted);font-family:monospace;margin-left:4px}.global-search-results{padding:8px 0}.search-section{margin-bottom:16px}.search-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;color:var(--tree-text-muted);text-transform:uppercase}.search-section-count{font-size:10px;background:var(--tree-primary-light);color:var(--tree-primary);padding:2px 6px;border-radius:6px;margin-left:auto}.search-section-items{display:flex;flex-direction:column;gap:4px}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff9;border-radius:10px;cursor:pointer;transition:background .1s ease}.search-result-item:hover{background:#ffffffe6}.search-result-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--tree-primary-light);border-radius:7px;flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-name{font-size:13px;font-weight:500;color:var(--tree-text)}.search-result-meta{font-size:11px;color:var(--tree-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-badge{font-size:10px;font-weight:600;color:#fff;padding:2px 6px;border-radius:5px;flex-shrink:0}@media (max-width: 1200px){.detail-panel-open{width:340px;min-width:340px}}@media (max-width: 992px){.category-tree-container{flex-direction:column;height:auto}.detail-panel-open{width:100%;min-width:auto;margin-left:0;margin-top:20px;max-height:350px}}.categories-layout{display:flex;gap:0;position:relative}.categories-layout>.tree-container{flex:1;width:100%}.categories-page .tree-leaf-selected{background:#70a78826!important}.categories-page .tree-leaf-selected .leaf-icon{background:#70a78840!important;transform:scale(1.05)}.categories-page .tree-leaf-selected .leaf-name{color:#2f5a45!important;font-weight:600!important}.categories-page .tree-nested-branch{position:relative}.categories-page .tree-nested-header{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 16px!important;margin:2px 0!important;border-radius:12px!important;cursor:pointer;transition:background-color 80ms ease-out}.categories-page .tree-nested-header:hover{background:#70a78814}.categories-page .tree-nested-header.expanded{background:#70a7880f}.categories-page .tree-nested-header .nested-chevron{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#1a1a2e59;font-size:12px;flex-shrink:0;transition:color .15s ease-out}.categories-page .tree-nested-header.expanded .nested-chevron{color:#70a788}.categories-page .tree-nested-header .nested-chevron .anticon{transition:transform .2s ease-out}.categories-page .tree-nested-header .nested-chevron .anticon.rotated{transform:rotate(90deg)}.categories-page .tree-nested-header .nested-chevron .spinning{animation:spin .7s linear infinite}.categories-page .tree-nested-children{display:none}.categories-page .tree-nested-children.expanded{display:block}.categories-page .nested-children-content{position:relative;padding-left:24px;padding-top:4px;padding-bottom:4px}.categories-page .nested-children-content:before{content:"";position:absolute;left:8px;top:0;bottom:8px;width:2px;background:linear-gradient(to bottom,#70a78840,#70a78814);border-radius:1px}.categories-page .nested-children-content>.tree-leaf:before{content:"";position:absolute;left:-16px;top:50%;width:14px;height:2px;background:#70a78833;border-radius:1px}.categories-page .nested-children-content>.tree-nested-branch:before{content:"";position:absolute;left:-16px;top:24px;width:14px;height:2px;background:#70a78833;border-radius:1px}.categories-page .nested-children-content>.tree-leaf,.categories-page .nested-children-content>.tree-nested-branch{position:relative}.categories-page .nested-children-content .tree-leaf:before{left:-16px!important;width:14px!important}.charcs-panel{position:fixed;right:0;top:0;width:420px;height:100vh;background:linear-gradient(180deg,#eef1f7,#e8ecf3);box-shadow:-4px 0 30px #50649626;border-left:1px solid rgba(130,140,170,.2);z-index:1000;display:flex;flex-direction:column;overflow:hidden;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;contain:strict;isolation:isolate;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate3d(100%,0,0);visibility:hidden;transition:transform .32s cubic-bezier(.25,.46,.45,.94),visibility 0ms .32s;pointer-events:none}.charcs-panel-open{transform:translateZ(0);visibility:visible;pointer-events:auto;transition:transform .32s cubic-bezier(.25,.46,.45,.94),visibility 0ms 0ms}.charcs-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid rgba(130,140,170,.12);background:linear-gradient(180deg,rgba(130,140,170,.08) 0%,transparent 100%)}.charcs-panel-title{flex:1;min-width:0}.charcs-panel-title h3{margin:0 0 6px;font-size:18px;font-weight:600;color:#1a1a2e;line-height:1.3;word-wrap:break-word}.charcs-panel-parent{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#70a788;font-weight:500}.charcs-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000a;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.charcs-panel-close:hover{background:#00000014;color:#1a1a2e}.charcs-panel-content{flex:1;overflow-y:auto;padding:20px 24px}.charcs-loading,.charcs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:#6b7280;text-align:center}.charcs-loading .anticon,.charcs-empty .anticon{font-size:32px;opacity:.4}.charcs-summary{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#ffffff80;border:1px solid rgba(130,140,170,.1);border-radius:14px}.charcs-summary-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.charcs-summary-value{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1}.charcs-summary-required .charcs-summary-value{color:#70a788}.charcs-summary-label{font-size:12px;color:#6b7280;font-weight:500}.charcs-section{margin-bottom:24px}.charcs-section:last-child{margin-bottom:0}.charcs-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:#70a788;text-transform:uppercase;letter-spacing:.3px}.charcs-section-header .anticon{font-size:14px}.charcs-list{display:flex;flex-direction:column;gap:8px}.charc-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff9;border:1px solid rgba(130,140,170,.1);border-radius:12px;transition:background .15s ease,border-color .15s ease}.charc-item:hover{background:#ffffffe6;border-color:#828caa33}.charc-type-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#70a7881a;border-radius:8px;color:#70a788;font-size:14px;flex-shrink:0}.charc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.charc-name{font-size:14px;font-weight:500;color:#1a1a2e;line-height:1.3;word-wrap:break-word}.charc-unit{font-size:11px;color:#6b7280}.charc-badges{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.charc-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;border-radius:6px;white-space:nowrap}.charc-badge-required{background:#ef44441a;color:#dc2626}.charc-badge-popular{background:#70a78826;color:#70a788}.charc-badge-multi{background:#3b82f61a;color:#3b82f6}.charcs-panel-content::-webkit-scrollbar{width:6px}.charcs-panel-content::-webkit-scrollbar-track{background:#828caa0f;border-radius:3px}.charcs-panel-content::-webkit-scrollbar-thumb{background:#828caa40;border-radius:3px}.charcs-panel-content::-webkit-scrollbar-thumb:hover{background:#828caa66}.charcs-panel-content{scrollbar-width:thin;scrollbar-color:rgba(130,140,170,.25) rgba(130,140,170,.06)}.menu-category-section{margin-bottom:20px}.menu-category-header{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);margin-bottom:12px}.menu-category-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#1a1a2e80;text-transform:uppercase;letter-spacing:.3px}.menu-category-title .anticon{font-size:13px;color:#70a788}.menu-category-required{font-size:9px;font-weight:600;color:#1a1a2e66;background:#0000000a;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.menu-category-status{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;padding:3px 8px;border-radius:10px;margin-left:auto}.menu-category-status.status-ok{background:#70a7881f;color:#70a788}.menu-category-status.status-warning{background:#1a1a2e0f;color:#1a1a2e73}.menu-category-loading{display:flex;align-items:center;gap:8px;padding:12px 0;color:#1a1a2e80;font-size:13px}.menu-category-select{width:100%}.menu-category-select .ant-select-selector{min-height:44px!important;border-radius:10px!important;border-color:#00000014!important;background:#00000004!important}.menu-category-select .ant-select-selection-search-input{height:42px!important}.menu-category-select .ant-select-selection-placeholder{line-height:42px!important;color:#1a1a2e59!important}.menu-category-select.ant-select-focused .ant-select-selector{border-color:#70a788!important;box-shadow:0 0 0 2px #70a7881a!important;background:#fff!important}.menu-category-option{display:flex;flex-direction:column;gap:2px;padding:4px 0}.menu-category-option-name{font-size:13px;font-weight:500;color:#1a1a2e}.menu-category-option-path{font-size:11px;color:#1a1a2e73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-category-info{margin-top:12px;padding:12px 14px;background:#70a7880f;border-radius:10px}.menu-category-path{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#1a1a2e;line-height:1.5}.menu-category-path .anticon{color:#70a788;margin-top:3px;flex-shrink:0;font-size:13px}.menu-category-level{font-size:11px;color:#1a1a2e73;margin-top:6px;padding-left:23px}.menu-category-hint{margin-top:12px;padding:10px 14px;background:#1a1a2e08;border-radius:10px;font-size:12px;color:#1a1a2e80;line-height:1.5}@media (max-width: 768px){.charcs-panel{width:100%}}.int-page{--lg-bg-color: rgba(255, 255, 255, .25);--lg-highlight: rgba(255, 255, 255, .75);--lg-hover-glow: rgba(255, 255, 255, .4);--primary: var(--accent-primary);--primary-light: var(--accent-primary-light);--primary-dark: var(--accent-primary-hover);--text-primary: #111111;--text-secondary: #3a4558;--text-muted: rgba(26, 26, 46, .5);--text-dark: #111111;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--wb: #a855f7;--yunu: #4060ff;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--transition: .4s cubic-bezier(.175, .885, .32, 2.2);--transition-fast: .2s ease;padding:32px;max-width:1600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.int-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.int-header__text h1{margin:0;font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.int-header__text p{margin:6px 0 0;font-size:15px;color:var(--text-secondary)}.glass-container{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all var(--transition)}.glass-container:hover{box-shadow:0 8px 12px #00000040,0 0 30px #00000026}.glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--lg-bg-color)}.glass-specular{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;overflow:hidden;box-shadow:inset 1px 1px 0 var(--lg-highlight),inset 0 0 5px var(--lg-highlight)}.glass-content{position:relative;z-index:3;display:flex;flex-direction:column}.int-overview{position:relative;display:flex;align-items:center;gap:16px;margin-bottom:16px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all var(--transition)}.int-overview .glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--lg-bg-color)}.int-overview .glass-specular{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px 0 var(--lg-highlight),inset 0 0 5px var(--lg-highlight)}.int-overview__content{position:relative;z-index:3;display:flex;align-items:center;gap:16px;padding:1rem 1.5rem;width:100%}.int-overview__status{display:flex;align-items:center;gap:14px;flex:1}.int-overview__indicator{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700;background:#70a78833;color:var(--text-primary);box-shadow:inset 1px 1px 0 var(--lg-highlight),0 2px 6px #00000026}.int-overview__indicator--success{background:#22c55ee6;color:#fff;box-shadow:inset 1px 1px #ffffff80,0 0 12px #22c55e66}.int-overview__indicator--partial{background:#f59e0be6;color:#fff;box-shadow:inset 1px 1px #ffffff80,0 0 12px #f59e0b66}.int-overview__text{display:flex;flex-direction:column;gap:2px}.int-overview__text strong{font-size:15px;font-weight:600;color:var(--text-primary)}.int-overview__text span{font-size:12px;color:var(--text-secondary)}.int-overview__icons{display:flex;gap:10px}.int-overview__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);opacity:.3;transition:all var(--transition-fast)}.int-overview__icon--active{opacity:1}.int-overview__icon svg{width:30px;height:30px}.int-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;flex:1;align-content:start}@media (max-width: 1000px){.int-grid{grid-template-columns:1fr;max-width:600px}}.int-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;height:fit-content;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all var(--transition)}.int-card:hover{box-shadow:0 8px 12px #00000040,0 0 30px #00000026}.int-card .glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--lg-bg-color)}.int-card .glass-specular{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px 0 var(--lg-highlight),inset 0 0 5px var(--lg-highlight)}.int-card__inner{position:relative;z-index:3}.int-card__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.int-card__brand{display:flex;align-items:center;gap:14px}.int-card__brand svg{width:48px;height:48px}.int-card__title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.int-card__subtitle{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.int-card__body{padding:1.25rem 1.5rem}.int-card__stats{display:flex;gap:2.5rem;padding:1.25rem 1.5rem;background:#00000005;border-bottom:1px solid rgba(0,0,0,.06)}.int-stat{display:flex;flex-direction:column;gap:4px}.int-stat__value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.5px}.int-stat__label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.int-status{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text-muted)}.int-status--active{color:#16a34a}.int-status--inactive{color:#9ca3af}.int-status__dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.int-seller{display:flex;align-items:center;gap:14px;padding:.9rem 1rem;margin-bottom:1.25rem;border-radius:var(--radius-md);background:#00000005;border:1px solid rgba(0,0,0,.06)}.int-seller__avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 80%,#000));color:#fff;font-size:17px;font-weight:600;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 50%,transparent)}.int-seller__info{flex:1;min-width:0}.int-seller__name{display:block;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.int-seller__id{font-family:ui-monospace,monospace;font-size:10px;color:var(--text-muted)}.int-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:11px;font-weight:600;border-radius:20px;background:#0000000d;color:var(--text-secondary)}.int-badge--success{background:#22c55e1a;color:#16a34a}.int-badge--warning{background:#f59e0b1a;color:#d97706}.int-badge svg{display:none}.int-section{margin-bottom:1rem}.int-section__header{width:calc(100% + 2rem);margin-left:-1rem;display:flex;align-items:center;gap:8px;padding:.75rem 1rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .25s ease,box-shadow .25s ease;position:relative}.int-section__header:after{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:1px;background:#0000000f;transition:opacity .2s ease}.int-section__header:hover{background:#00000006}.int-section__header:hover:after{opacity:0}.int-section__title{flex:1;text-align:left;font-size:13px;font-weight:600;color:var(--text-primary)}.int-section__badge{font-size:11px;color:var(--text-muted)}.int-section__header svg{width:14px;height:14px;color:var(--text-muted);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.int-section__header[data-open=true] svg:last-child{transform:rotate(180deg)}.int-section__content{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.int-section__content[data-collapsed=true]{grid-template-rows:0fr;opacity:0}.int-section__content-inner{overflow:hidden;padding-top:1rem}.int-section__content[data-collapsed=true] .int-section__content-inner{padding-top:0}.int-perms{display:flex;flex-wrap:wrap;gap:8px}.int-perm{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:500;border-radius:20px}.int-perm svg{width:11px;height:11px}.int-perm--yes{background:#22c55e1a;color:#16a34a}.int-perm--no{background:#00000008;color:#9ca3af}.int-stock-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.int-stock-item{padding:1rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;background:#00000005;border:1px solid rgba(0,0,0,.06);transition:all var(--transition-fast)}.int-stock-item:hover{background:#0000000a}.int-stock-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary)}.int-stock-item--success:after{background:var(--success)}.int-stock-item--warning:after{background:var(--warning)}.int-stock-item--muted:after{background:#0000001a}.int-stock-item__value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.5px}.int-stock-item__label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.int-stock-item__pct{font-size:12px;font-weight:600;color:var(--text-muted)}.int-stock-item__pct--success{color:var(--success)}.int-stock-item__pct--warning{color:var(--warning)}.int-warehouses{display:flex;flex-direction:column}.int-warehouse{display:flex;align-items:center;gap:14px;padding:.7rem 0;border-bottom:1px solid rgba(0,0,0,.06)}.int-warehouse:last-child{border-bottom:none}.int-warehouse__name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.int-warehouse__bar{flex:0 0 90px;height:6px;border-radius:3px;overflow:hidden;background:#00000014}.int-warehouse__bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#fff));box-shadow:0 0 8px color-mix(in srgb,var(--primary) 50%,transparent);transition:width .5s cubic-bezier(.175,.885,.32,2.2)}.int-warehouse__count{flex:0 0 65px;text-align:right;font-size:12px;font-weight:600;color:var(--text-secondary)}.int-warehouse-hint{font-size:11px;color:var(--text-muted);margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}.int-connect{padding:4px 0}.int-connect__text{font-size:14px;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.int-connect__hint{font-size:13px;color:var(--text-secondary);margin-bottom:1rem;padding:.9rem 1.1rem;border-radius:var(--radius-md);background:#00000005;border:1px solid rgba(0,0,0,.06)}.int-connect__hint a{color:var(--primary);text-decoration:none;font-weight:600}.int-connect__hint a:hover{text-decoration:underline}.int-connect__hint svg{display:none}.int-connect__hint small{display:block;margin-top:6px;font-size:11px;color:var(--text-muted)}.int-input-wrap{position:relative;margin-bottom:1rem}.int-input{width:100%;padding:.85rem 1rem;font-size:13px;font-family:ui-monospace,monospace;color:var(--text-primary);border-radius:var(--radius-md);outline:none;resize:none;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);background:#fff9;box-shadow:inset 0 1px 3px #0000000d,0 2px 6px #0000000d;transition:all var(--transition-fast)}.int-input::placeholder{color:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.int-input:focus{background:#ffffffe6;border-color:var(--primary);box-shadow:inset 0 1px 3px #0000000d,0 0 0 3px #70a78826,0 4px 12px #0000001a}textarea.int-input{margin-bottom:1rem}.int-input-wrap .int-input{padding-right:3rem;margin-bottom:0}.int-input__toggle{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:transparent;border:none;border-radius:6px;padding:6px 10px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.int-input__toggle:hover{color:var(--text-primary);background:#0000000d}.int-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 1.5rem;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;flex:1;white-space:nowrap;transition:all var(--transition)}.int-btn:disabled{opacity:.5;cursor:not-allowed}.int-btn svg{width:16px;height:16px}.int-btn--primary{background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 80%,#000));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 50%,transparent),inset 1px 1px #ffffff4d}.int-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 60%,transparent),inset 1px 1px #fff6}.int-btn--primary:active:not(:disabled){transform:translateY(0) scale(.98)}.int-btn--wb{background:linear-gradient(145deg,var(--wb),color-mix(in srgb,var(--wb) 80%,#000));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--wb) 50%,transparent),inset 1px 1px #ffffff4d}.int-btn--wb:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--wb) 60%,transparent),inset 1px 1px #fff6}.int-btn--yunu{background:linear-gradient(145deg,var(--yunu),color-mix(in srgb,var(--yunu) 80%,#000));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--yunu) 50%,transparent),inset 1px 1px #ffffff4d}.int-btn--yunu:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--yunu) 60%,transparent),inset 1px 1px #fff6}.int-btn--secondary{background:#fff9;color:var(--text-primary);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014}.int-btn--secondary:hover:not(:disabled){background:#fffc}.int-btn--ghost{background:transparent;flex:0 0 auto;box-shadow:none}.int-btn--danger{background:var(--error);color:#fff;transition:background var(--transition-fast)}.int-btn--danger:hover:not(:disabled){background:#dc2626}.int-card__actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}.int-loading{display:flex;align-items:center;justify-content:center;padding:120px}.int-spinner{width:36px;height:36px;border:2.5px solid rgba(112,167,136,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.int-error{display:flex;flex-direction:column;align-items:center;padding:80px;text-align:center}.int-error svg{width:44px;height:44px;color:var(--error);margin-bottom:18px}.int-error h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-dark)}.int-error p{margin:0 0 24px;font-size:15px;color:#0009}.int-error .int-btn{flex:0 0 auto}.int-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff;z-index:1000;animation:toastIn .4s cubic-bezier(.175,.885,.32,2.2)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.int-toast svg{width:18px;height:18px}.int-toast--success{background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 80%,#000));box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 50%,transparent),inset 1px 1px #ffffff4d}.int-toast--error{background:linear-gradient(145deg,var(--error),color-mix(in srgb,var(--error) 80%,#000));box-shadow:0 8px 32px color-mix(in srgb,var(--error) 50%,transparent),inset 1px 1px #ffffff4d}.int-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalOverlayIn .25s ease forwards}.int-modal-overlay--closing{animation:modalOverlayOut .25s ease forwards}@keyframes modalOverlayIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalOverlayOut{0%{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.int-modal{position:relative;width:100%;max-width:400px;margin:24px;border-radius:var(--radius-xl);overflow:hidden;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 24px 48px #00000040,0 0 0 1px #ffffff1a}.int-modal--closing{animation:modalOut .25s cubic-bezier(.4,0,1,1) forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(8px)}}.int-modal .glass-overlay{background:#fff6}.int-modal__content{position:relative;z-index:3;padding:2rem;text-align:center}.int-modal__icon{width:64px;height:64px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef44441a;color:var(--error)}.int-modal__icon svg{width:32px;height:32px}.int-modal__title{margin:0 0 .5rem;font-size:20px;font-weight:700;color:var(--text-primary)}.int-modal__text{margin:0 0 1.5rem;font-size:14px;color:var(--text-secondary);line-height:1.5}.int-modal__brand{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:1.5rem;border-radius:var(--radius-md);background:#0000000a;font-size:14px;font-weight:600;color:var(--text-primary)}.int-modal__brand svg{width:24px;height:24px}.int-modal__actions{display:flex;gap:12px}.int-modal__actions .int-btn{flex:1}.int-btn--cancel{background:#0000000d;color:var(--text-primary)}.int-btn--cancel:hover:not(:disabled){background:#0000001a}.int-btn--confirm-danger{background:var(--error);color:#fff;transition:background var(--transition-fast)}.int-btn--confirm-danger:hover:not(:disabled){background:#dc2626}.icon-spin{animation:spin .8s linear infinite}.int-footer-stats{display:none}@media (max-width: 800px){.int-page{padding:24px}.int-header{margin-bottom:24px}.int-header h1{font-size:28px}.int-overview__content{padding:1rem;gap:12px;flex-wrap:wrap}.int-card__stats{flex-wrap:wrap;gap:1.5rem}.int-stat__value{font-size:28px}.int-stock-summary{grid-template-columns:1fr}.int-stock-item__value{font-size:24px}.int-card__actions{flex-direction:column}.int-btn,.int-btn--ghost{width:100%}}.staff-page .list-header-studios,.staff-page .data-row-studios{grid-template-columns:minmax(180px,1.2fr) minmax(120px,1.5fr) 100px 80px minmax(100px,1fr) 110px 180px}.staff-page .status-pill-archived{background:#f59e0b1f}.staff-page .status-pill-archived .status-pill-dot{background:#f59e0b}.staff-page .status-pill-archived .status-pill-text{color:#d97706}.emp-modal--studio{max-width:560px}.emp-modal--settings{max-width:600px}.emp-modal__title-group{display:flex;flex-direction:column;align-items:center;gap:2px}.emp-modal__subtitle{font-size:13px;font-weight:400;color:#1a1a2e80}.emp-modal__error{padding:12px 16px;margin-bottom:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#dc2626;font-size:14px;font-weight:500}.emp-form-card--accent{background:linear-gradient(175deg,#70a7881f,#70a7880f);border-color:#70a78833}.emp-form-card__section-header{display:flex;align-items:center;gap:12px;padding:16px 18px 12px;border-bottom:1px solid rgba(0,0,0,.05)}.emp-form-card__section-header svg{width:22px;height:22px;color:#70a788;flex-shrink:0}.emp-form-card__section-title{font-size:15px;font-weight:600;color:#1a1a2e}.emp-form-card__section-subtitle{display:block;font-size:12px;font-weight:400;color:#1a1a2e80;margin-top:2px}.emp-form-card__row--with-suffix{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.emp-form-card__row--with-suffix label{margin-bottom:0;flex-shrink:0}.emp-form-card__input-suffix{display:flex;align-items:center;gap:8px;flex:1;max-width:160px;justify-content:flex-end}.emp-form-card__input-suffix input{width:100%;max-width:100px;text-align:right;padding:8px 12px;font-size:16px;font-weight:500;color:#1a1a2e;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:10px;outline:none;transition:all .2s ease}.emp-form-card__input-suffix input:focus{background:#0000000d;border-color:#70a788;box-shadow:0 0 0 2px #70a78826}.emp-form-card__input-suffix input::placeholder{color:#1a1a2e59}.emp-form-card__input-suffix input[type=number]::-webkit-outer-spin-button,.emp-form-card__input-suffix input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.emp-form-card__input-suffix input[type=number]{-moz-appearance:textfield}.emp-form-card__input-suffix span{font-size:15px;font-weight:500;color:#1a1a2e80;min-width:24px}.emp-form-card__row select{width:100%;padding:0;font-size:17px;font-weight:400;color:#1a1a2e;background:transparent;border:none;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.emp-form-card__row select option{padding:8px}@media (max-width: 1200px){.staff-page .list-header-studios,.staff-page .data-row-studios{grid-template-columns:minmax(160px,1fr) minmax(100px,1fr) 80px 60px minmax(80px,.8fr) 100px 160px;gap:12px}}@media (max-width: 900px){.staff-page .list-header-studios{display:none}.staff-page .data-row-studios{display:flex;flex-direction:column;gap:12px;align-items:stretch}}@media (max-width: 640px){.emp-modal--studio,.emp-modal--settings{max-width:100%}.emp-form-card__row--with-suffix{flex-direction:column;align-items:stretch;gap:8px}.emp-form-card__input-suffix{max-width:100%;justify-content:flex-start}.emp-form-card__input-suffix input{max-width:none;flex:1;text-align:left}}.devices-page .list-header-devices,.devices-page .data-row-devices{grid-template-columns:minmax(200px,1.5fr) 160px 130px 120px 140px}.devices-page .device-avatar{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #00000026,inset 1px 1px #ffffffbf;transition:all .2s ease}.devices-page .device-avatar-active{background:linear-gradient(145deg,#22c55e40,#22c55e26);color:#16a34a}.devices-page .device-avatar-inactive{background:linear-gradient(145deg,#9ca3af40,#9ca3af26);color:#6b7280}.devices-page .data-row-inactive{opacity:.7}.devices-page .status-pill-inactive{background:#9ca3af26}.devices-page .status-pill-inactive .status-pill-dot{background:#9ca3af}.devices-page .status-pill-inactive .status-pill-text{color:#6b7280}.devices-page .code-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(145deg,#f59e0b33,#f59e0b1f);border:1px solid rgba(245,158,11,.3);border-radius:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600;color:#b45309;cursor:pointer;transition:all .2s ease}.devices-page .code-badge:hover{background:linear-gradient(145deg,#f59e0b47,#f59e0b2e)}.devices-page .code-badge svg{width:14px;height:14px;opacity:.7}.devices-page .code-badge:hover svg{opacity:1}.devices-page .device-id-text{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;color:#1a1a2e80}.devices-page .toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(145deg,#22c55ef2,#16a34af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 24px #22c55e59,0 2px 8px #00000026;z-index:2000;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.devices-page .toast svg{width:18px;height:18px}.device-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;animation:deviceModalOverlayIn .3s cubic-bezier(.4,0,.2,1) forwards}.device-modal-overlay--closing{animation:deviceModalOverlayOut .28s cubic-bezier(.4,0,.2,1) forwards}@keyframes deviceModalOverlayIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes deviceModalOverlayOut{0%{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}to{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}.device-modal{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 40px);border-radius:2rem;overflow:hidden;display:flex;flex-direction:column;animation:deviceModalIn .35s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 24px 48px #00000040,0 0 0 1px #ffffff1a}.device-modal--closing{animation:deviceModalOut .25s cubic-bezier(.4,0,.2,1) forwards}.device-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff6;pointer-events:none}.device-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;pointer-events:none}.device-modal--success{max-width:420px}.device-modal--confirm{max-width:400px}@keyframes deviceModalIn{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes deviceModalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(16px)}}.device-modal__header{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);background:transparent}.device-modal__header--minimal{display:flex;justify-content:flex-end;border-bottom:none;padding-bottom:0}.device-modal__back-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-radius:12px;color:var(--text-secondary, #575F75);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;justify-self:start}.device-modal__back-btn:hover{background:#0000000a;color:var(--text-primary, #1a1a2e)}.device-modal__back-btn:active{transform:scale(.97)}.device-modal__back-btn svg{width:18px;height:18px}.device-modal__title{margin:0;font-size:17px;font-weight:600;color:var(--text-primary, #1a1a2e);letter-spacing:-.2px;text-align:center;white-space:nowrap}.device-modal__header-right{display:flex;justify-content:flex-end}.device-modal__save-btn{padding:10px 20px;min-width:110px;background:#70a788;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}.device-modal__save-btn:hover:not(:disabled){background:#5d9275}.device-modal__save-btn:active:not(:disabled){transform:scale(.97)}.device-modal__save-btn:disabled{opacity:.5;cursor:not-allowed}.device-modal__close-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-secondary, #575F75);cursor:pointer;transition:all .2s ease}.device-modal__close-btn:hover{background:#0000000a;color:var(--text-primary, #1a1a2e)}.device-modal__body{position:relative;z-index:3;padding:28px 24px 32px;overflow-y:auto;flex:1}.device-modal__body--centered{display:flex;flex-direction:column;align-items:center;text-align:center}.device-modal__icon-section{display:flex;justify-content:center;margin-bottom:28px}.device-icon{position:relative;width:100px;height:100px}.device-icon__glow,.device-icon__ring{display:none}.device-icon__inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:#ffffff40;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf;overflow:hidden}.device-icon__inner svg{width:40px;height:40px;color:#1a1a2ebf}.device-form-card{background:#ffffffa6;border-radius:1rem;border:1px solid rgba(0,0,0,.08);padding:4px 0;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #ffffffe6}.device-form-card__row{display:flex;flex-direction:column;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.05)}.device-form-card__row:last-child{border-bottom:none}.device-form-card__row label{font-size:11px;font-weight:600;color:#1a1a2e80;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.device-form-card__row select{width:100%;padding:0;font-size:17px;font-weight:400;color:#1a1a2e;background:transparent;border:none;outline:none;cursor:pointer}.device-info-card{position:relative;background:#70a78840;border:none;border-radius:14px;padding:16px 18px 16px 50px}.device-info-card:before{content:"ℹ";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:50%;font-size:14px;font-weight:700;color:#2d6a4f}.device-info-card p{margin:0;font-size:13px;line-height:1.55;color:#1a1a2e;font-weight:500}.success-icon{position:relative;width:80px;height:80px;margin-bottom:20px}.success-icon__glow,.success-icon__ring{display:none}.success-icon__inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffff4d}.success-icon__inner svg{width:36px;height:36px}.warning-icon{position:relative;width:80px;height:80px;margin-bottom:20px}.warning-icon__glow,.warning-icon__ring{display:none}.warning-icon__inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ef4444;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 1px 1px #ffffff4d}.warning-icon__inner svg{width:32px;height:32px}.device-modal__success-title{margin:0 0 6px;font-size:24px;font-weight:600;color:var(--text-primary, #1a1a2e)}.device-modal__success-subtitle{margin:0 0 24px;font-size:14px;color:#1a1a2ea6}.code-display{background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:1rem;padding:24px 32px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}.code-display__code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:32px;font-weight:700;letter-spacing:4px;color:#70a788}.copy-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:12px;font-size:15px;font-weight:600;color:#1a1a2e;cursor:pointer;transition:all .2s ease;margin-bottom:20px;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}.copy-button:hover{background:#0000000a}.copy-button:active{transform:scale(.97)}.copy-button--copied{background:#22c55e26;border-color:#22c55e4d;color:#16a34a}.copy-button svg{width:18px;height:18px}.device-modal__hint{margin:0;font-size:13px;color:#1a1a2e80}.device-modal__confirm-title{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text-primary, #1a1a2e)}.device-modal__confirm-text{margin:0 0 24px;font-size:14px;line-height:1.6;color:#1a1a2ea6;max-width:300px}.device-modal__confirm-text strong{color:var(--text-primary, #1a1a2e)}.device-modal__confirm-actions{display:flex;gap:12px;width:100%}.device-modal__cancel-btn{flex:1;padding:14px 24px;background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:12px;font-size:15px;font-weight:600;color:#1a1a2e;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}.device-modal__cancel-btn:hover:not(:disabled){background:#0000000a}.device-modal__cancel-btn:active:not(:disabled){transform:scale(.97)}.device-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.device-modal__delete-btn{flex:1;padding:14px 24px;background:#ef4444;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.device-modal__delete-btn:hover:not(:disabled){background:#dc2626}.device-modal__delete-btn:active:not(:disabled){transform:scale(.97)}.device-modal__delete-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.devices-page .data-row-devices,.devices-page .list-header-devices{grid-template-columns:minmax(180px,1fr) 140px 120px 100px 130px}}@media (max-width: 900px){.devices-page .list-header-devices{display:none}.devices-page .data-row-devices{display:flex;flex-direction:column;gap:12px;align-items:stretch}.devices-page .row-actions{opacity:1;justify-content:flex-end}.device-modal{max-width:calc(100% - 32px);margin:16px}}@media (max-width: 640px){.device-modal__confirm-actions{flex-direction:column}.code-display__code{font-size:24px;letter-spacing:2px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8ecef}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a1a2e33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a1a2e4d}.ant-layout{min-height:100vh;background:#e8ecef}.ant-layout-sider{border-right:none!important;background:transparent!important}.ant-menu-item{margin:4px 8px!important;border-radius:14px!important;height:48px!important;display:flex!important;align-items:center!important}.ant-menu-inline .ant-menu-item{padding-left:16px!important}.ant-card{border-radius:24px!important;border:none!important;box-shadow:0 4px 24px #0000000a!important}.ant-card-head{border-bottom:1px solid rgba(0,0,0,.06)!important;padding:20px 28px!important}.ant-card-body{padding:28px!important}.ant-table{border-radius:16px;overflow:hidden}.ant-table-cell-fix-left,.ant-table-cell-fix-right{background:#fff!important;z-index:2}.ant-table-row:hover .ant-table-cell-fix-left,.ant-table-row:hover .ant-table-cell-fix-right{background:#fafafa!important}.ant-table-cell-fix-right .ant-btn{opacity:1!important}.ant-table-cell-fix-right .ant-space{flex-wrap:nowrap}.page-header{margin-bottom:32px}.page-title{font-size:48px;font-weight:600;color:#1a1a2e;margin:0;letter-spacing:-.02em}.page-subtitle{font-size:16px;color:#6b7280;margin-top:8px;font-weight:400}.stat-card{background:#fff;border-radius:24px;padding:24px;transition:transform .3s ease,box-shadow .3s ease;border:none;box-shadow:0 4px 24px #0000000a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.header-stat{display:flex;flex-direction:column;align-items:flex-end}.header-stat-value{font-size:56px;font-weight:700;color:#1a1a2e;line-height:1;letter-spacing:-.02em}.header-stat-label{font-size:14px;color:#6b7280;margin-top:4px}.header-stat-badge{background:#f3f4f6;padding:4px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#1a1a2e;margin-left:12px}.status-active{color:#70a788}.status-inactive{color:#9ca3af}.status-pending{color:#ffb347}.status-error{color:#ff6b6b}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#e8ecefe6;display:flex;align-items:center;justify-content:center;z-index:1000}.category-select-with-value .ant-select-selection-placeholder{color:#262626!important;opacity:1!important}.dashboard-card{background:#fff;border-radius:24px;padding:0;box-shadow:0 4px 24px #0000000a;overflow:hidden}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.04)}.dashboard-card-title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.dashboard-card-actions{display:flex;gap:8px}.dashboard-card-action{width:40px;height:40px;border-radius:12px;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.dashboard-card-action:hover{background:#e8ecef;color:#1a1a2e}.dashboard-card-body{padding:24px}.sidebar-icon-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:#6b7280}.sidebar-icon-btn:hover{background:#1a1a2e14;color:#1a1a2e}.sidebar-icon-btn.active{background:#1a1a2e;color:#fff}.integration-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #0000000a;transition:transform .3s ease,box-shadow .3s ease}.integration-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.integration-card-header{padding:24px 28px;border-bottom:1px solid rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-between}.integration-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.integration-card-body{padding:28px}.donut-stat{position:relative;width:180px;height:180px}.donut-stat-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-stat-value{font-size:32px;font-weight:700;color:#1a1a2e;line-height:1}.donut-stat-label{font-size:13px;color:#6b7280;margin-top:4px}.legend-item{display:flex;align-items:center;gap:12px;padding:8px 0}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-label{flex:1;font-size:14px;color:#6b7280}.legend-value{font-size:14px;font-weight:600;color:#1a1a2e}.legend-line{flex:1;height:1px;background:repeating-linear-gradient(to right,#D1D5DB 0,#D1D5DB 4px,transparent 4px,transparent 8px);margin:0 8px}.info-stat-row{display:flex;gap:48px}.info-stat-item{display:flex;flex-direction:column}.info-stat-value{font-size:28px;font-weight:700;color:#1a1a2e}.info-stat-label{font-size:13px;color:#6b7280;margin-top:4px}.btn-primary{background:#70a788!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:500!important;font-size:15px!important;color:#fff!important;transition:background .15s ease!important;box-shadow:none!important}.btn-primary:hover{background:#5d9275!important}.btn-primary:active{background:#528466!important}.btn-secondary{background:#f3f4f6!important;border:none!important;border-radius:12px!important;height:44px!important;padding:0 24px!important;font-weight:500!important;font-size:14px!important;color:#1a1a2e!important;transition:all .2s ease!important}.btn-secondary:hover{background:#e8ecef!important}.btn-danger{background:#fee2e2!important;border:none!important;border-radius:12px!important;height:44px!important;padding:0 24px!important;font-weight:500!important;font-size:14px!important;color:#dc2626!important;transition:all .2s ease!important}.btn-danger:hover{background:#fecaca!important}.tag-success{background:#70a7881a!important;border:none!important;border-radius:8px!important;color:#70a788!important;font-weight:500!important;padding:4px 12px!important}.tag-error{background:#ff6b6b1a!important;border:none!important;border-radius:8px!important;color:#ff6b6b!important;font-weight:500!important;padding:4px 12px!important}.tag-warning{background:#ffb3471a!important;border:none!important;border-radius:8px!important;color:#f59e0b!important;font-weight:500!important;padding:4px 12px!important}.tag-default{background:#f3f4f6!important;border:none!important;border-radius:8px!important;color:#6b7280!important;font-weight:500!important;padding:4px 12px!important}.ant-alert{border-radius:16px!important;border:none!important}.ant-alert-info{background:#70a78814!important}.ant-alert-info .ant-alert-icon{color:#70a788!important}.ant-modal-content{border-radius:24px!important;overflow:hidden}.ant-modal-header{padding:24px 28px!important;border-bottom:1px solid rgba(0,0,0,.06)!important}.ant-modal-body{padding:28px!important}.ant-modal-footer{padding:20px 28px!important;border-top:1px solid rgba(0,0,0,.06)!important}.ant-input,.ant-input-affix-wrapper{border-radius:12px!important;border:1px solid rgba(0,0,0,.08)!important;padding:10px 16px!important;transition:all .2s ease!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:#70a78880!important}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:#70a788!important;box-shadow:0 0 0 3px #70a7881a!important}.ant-input-textarea textarea{border-radius:12px!important}.ant-descriptions-item-label{color:#6b7280!important;font-weight:400!important}.ant-descriptions-item-content{color:#1a1a2e!important}.product-grouping-modal .ant-modal-content{overflow:hidden;border-radius:24px;box-shadow:0 25px 80px #0000001f,0 10px 30px #00000014}.product-grouping-modal .ant-modal-body{overflow:hidden}.product-grouping-modal .ant-modal-footer,.product-grouping-modal .ant-modal-header{transition:none!important}.product-grouping-modal .morph-content-container{position:relative}.product-grouping-modal .morph-layer-out{animation:morphFadeOut .35s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}@keyframes morphFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}.product-grouping-modal .morph-layer-in{animation:morphFadeIn .4s cubic-bezier(.2,0,.2,1) forwards}@keyframes morphFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--lg-bg-base: #f2f2f7;--lg-bg-content: #ffffff;--lg-glass: rgba(255, 255, 255, .72);--lg-glass-thick: rgba(255, 255, 255, .85);--lg-glass-thin: rgba(255, 255, 255, .55);--lg-glass-border: rgba(255, 255, 255, .6);--lg-glass-shadow: 0 2px 20px rgba(0, 0, 0, .06);--lg-glass-blur: 24px;--lg-glass-saturate: 180%;--glass-base: #a8aab5;--glass-light: #ffffff;--glass-dark: #000000;--glass-blur: 40px;--glass-blur-light: 25px;--glass-saturate: 180%;--glass-bg: color-mix(in srgb, var(--glass-base) 22%, transparent);--glass-bg-hover: color-mix(in srgb, var(--glass-base) 35%, transparent);--glass-bg-active: color-mix(in srgb, var(--glass-base) 50%, transparent);--glass-bg-card: linear-gradient( 175deg, rgba(255, 255, 255, .48) 0%, rgba(248, 252, 255, .42) 50%, rgba(242, 248, 255, .45) 100% );--glass-bg-card-hover: linear-gradient( 175deg, rgba(255, 255, 255, .58) 0%, rgba(250, 254, 255, .52) 50%, rgba(245, 250, 255, .55) 100% );--glass-border: rgba(255, 255, 255, .45);--glass-border-hover: rgba(255, 255, 255, .6);--glass-border-strong: rgba(255, 255, 255, .55);--glass-reflex-light: 1.15;--glass-reflex-dark: 1.1;--glass-shadow-sm: 0 2px 8px rgba(80, 100, 150, .15);--glass-shadow-md: 0 4px 20px rgba(80, 100, 150, .18);--glass-shadow-lg: 0 8px 32px rgba(80, 100, 150, .22);--glass-shadow-xl: 0 20px 50px rgba(80, 100, 150, .28);--glass-inset-top: inset 0 1px 0 rgba(255, 255, 255, .65);--glass-inset-full: inset 0 0 0 1px color-mix(in srgb, var(--glass-light) 15%, transparent), inset 2px 3px 0 -1.5px color-mix(in srgb, var(--glass-light) 75%, transparent), inset -1.5px -1.5px 0 -1px color-mix(in srgb, var(--glass-light) 55%, transparent);--accent-primary: #70A788;--accent-primary-hover: #5D9375;--accent-primary-light: rgba(112, 167, 136, .15);--content-primary: rgba(30, 30, 45, .9);--content-secondary: rgba(30, 30, 45, .65);--content-muted: rgba(30, 30, 45, .45);--glass-radius-sm: 10px;--glass-radius-md: 14px;--glass-radius-lg: 18px;--glass-radius-xl: 24px;--glass-radius-2xl: 32px;--glass-transition-fast: .15s ease;--glass-transition: .25s ease;--glass-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--glass-transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--lg-separator: rgba(60, 60, 67, .08);--lg-separator-light: rgba(60, 60, 67, .04);--lg-text-primary: #000000;--lg-text-secondary: rgba(60, 60, 67, .6);--lg-text-tertiary: rgba(60, 60, 67, .3);--lg-text-quaternary: rgba(60, 60, 67, .18);--lg-blue: #3390EC;--lg-green: #31B545;--lg-red: #E53935;--lg-orange: #F5A623;--lg-teal: #30B0C7;--lg-purple: #9C7CDA;--lg-fill-primary: rgba(120, 120, 128, .2);--lg-fill-secondary: rgba(120, 120, 128, .16);--lg-fill-tertiary: rgba(120, 120, 128, .12);--lg-fill-quaternary: rgba(120, 120, 128, .08);--lg-radius-sm: 8px;--lg-radius-md: 12px;--lg-radius-lg: 16px;--lg-radius-xl: 20px;--lg-radius-2xl: 24px;--lg-radius-full: 9999px;--lg-space-4: 4px;--lg-space-8: 8px;--lg-space-12: 12px;--lg-space-16: 16px;--lg-space-20: 20px;--lg-space-24: 24px;--lg-space-32: 32px;--lg-space-40: 40px;--lg-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--lg-font-mono: "SF Mono", ui-monospace, monospace;--lg-text-xs: 11px;--lg-text-sm: 13px;--lg-text-base: 15px;--lg-text-md: 17px;--lg-text-lg: 20px;--lg-text-xl: 24px;--lg-text-2xl: 28px;--lg-text-3xl: 34px;--lg-regular: 400;--lg-medium: 500;--lg-semibold: 600;--lg-bold: 700}body{background:var(--lg-bg-base);font-family:var(--lg-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(0,122,255,.03) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(52,199,89,.02) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{display:none}.lg-sidebar{background:var(--lg-glass-thick);backdrop-filter:saturate(var(--lg-glass-saturate)) blur(var(--lg-glass-blur));-webkit-backdrop-filter:saturate(var(--lg-glass-saturate)) blur(var(--lg-glass-blur));border-right:.5px solid var(--lg-separator-light)}.lg-sidebar-logo{height:56px;display:flex;align-items:center;border-bottom:.5px solid var(--lg-separator-light)}.lg-sidebar-logo-text{font-size:var(--lg-text-md);font-weight:var(--lg-semibold);color:var(--lg-text-primary);letter-spacing:-.4px}.lg-sidebar-logo-accent{color:#3390ec}.lg-menu-item{display:flex;align-items:center;gap:var(--lg-space-12);padding:10px var(--lg-space-16);margin:1px var(--lg-space-8);border-radius:var(--lg-radius-sm);font-size:var(--lg-text-base);font-weight:var(--lg-regular);color:var(--lg-text-primary);cursor:pointer;border:none;background:transparent;width:calc(100% - var(--lg-space-16));text-align:left;letter-spacing:-.2px}.lg-menu-item.active{background:#3390ec;color:#fff;font-weight:var(--lg-medium)}.lg-menu-item.active .lg-menu-icon{color:#fff}.lg-menu-item.parent-open{background:var(--lg-fill-quaternary)}.lg-menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#3c3c4399}.lg-menu-chevron{font-size:13px;color:var(--lg-text-tertiary);transition:transform .15s ease}.lg-menu-chevron.open{transform:rotate(90deg)}.lg-header{background:var(--lg-glass);backdrop-filter:saturate(var(--lg-glass-saturate)) blur(var(--lg-glass-blur));-webkit-backdrop-filter:saturate(var(--lg-glass-saturate)) blur(var(--lg-glass-blur));border-bottom:.5px solid var(--lg-separator-light);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--lg-space-20);position:sticky;top:0;z-index:100}.lg-page{font-family:var(--lg-font);color:var(--lg-text-primary);position:relative;z-index:1;width:100%}.lg-integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--lg-space-20)}@media (max-width: 1200px){.lg-integration-grid{grid-template-columns:1fr;max-width:600px}}.lg-card{background:#fff;border:none;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0000000f}.lg-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.lg-card-header-left{display:flex;align-items:center;gap:var(--lg-space-12)}.lg-service-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:-.5px}.lg-service-icon.wb{background:transparent}.lg-service-icon.yunu{background:#fff;border:1px solid #e5e7eb}.lg-card-title{font-size:17px;font-weight:600;color:#000;margin:0;letter-spacing:-.4px}.lg-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.lg-status.connected{color:#31b545}.lg-status.disconnected{color:#00000059}.lg-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.lg-card-body{padding:20px}.lg-data-list{display:flex;flex-direction:column}.lg-data-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.lg-data-row:last-child{border-bottom:none}.lg-data-label{font-size:15px;color:#000;font-weight:400}.lg-data-value{font-size:15px;color:#00000080;font-weight:400;text-align:right}.lg-data-value.mono{font-family:var(--lg-font-mono);font-size:13px;color:#00000059}.lg-data-value.accent{color:#3390ec;font-weight:500}.lg-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.lg-stat{background:#f7f7f7;border-radius:12px;padding:16px;text-align:center}.lg-stat-number{font-size:24px;font-weight:600;color:#000;letter-spacing:-.5px;line-height:1.2}.lg-stat-number.green{color:#31b545}.lg-stat-number.orange{color:#f5a623}.lg-stat-label{font-size:12px;color:#00000080;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.lg-permissions{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.lg-permissions-title{font-size:12px;font-weight:500;color:#00000080;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.lg-permissions-grid{display:flex;flex-wrap:wrap;gap:6px}.lg-perm{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.2px}.lg-perm.active{background:#31b5451a;color:#31b545}.lg-perm.inactive{background:#f0f0f0;color:#00000059}.lg-perm-icon{font-size:11px}.lg-token-section{margin-top:16px}.lg-token-input{width:100%;padding:14px 16px;background:#f7f7f7;border:none;border-radius:12px;font-family:var(--lg-font-mono);font-size:14px;color:#000;resize:none;min-height:80px;line-height:1.5}.lg-token-input::placeholder{color:#00000059;font-family:var(--lg-font)}.lg-token-input:focus{outline:none;background:#f0f0f0}.lg-hint{display:flex;gap:12px;padding:12px 16px;background:#f7f7f7;border-radius:12px;margin-bottom:16px}.lg-hint-icon{color:#3390ec;font-size:20px;flex-shrink:0}.lg-hint-content{flex:1}.lg-hint-title{font-size:14px;font-weight:600;color:#000;margin:0 0 2px}.lg-hint-text{font-size:14px;color:#00000080;margin:0;line-height:1.4}.lg-hint.success{background:#31b54514}.lg-hint.success .lg-hint-icon{color:#31b545}.lg-btn{display:flex;align-items:center;justify-content:center;gap:var(--lg-space-8);width:100%;height:48px;border:none;border-radius:10px;font-family:var(--lg-font);font-size:15px;font-weight:var(--lg-semibold);cursor:pointer;letter-spacing:-.24px;margin-top:var(--lg-space-16);transition:none}.lg-btn:disabled{opacity:.4;cursor:not-allowed}.lg-btn-icon{font-size:17px}.lg-btn-primary{background:#3390ec;color:#fff}.lg-btn-secondary{background:#3390ec1a;color:#3390ec}.lg-btn-destructive{background:#e53935;color:#fff}.lg-footer{margin-top:24px;padding:16px 20px;background:transparent}.lg-footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (max-width: 1200px){.lg-footer-grid{grid-template-columns:1fr;gap:16px;max-width:600px}}.lg-footer-item h4{font-size:14px;font-weight:600;color:#000;margin:0 0 4px}.lg-footer-item p{font-size:13px;color:#00000080;margin:0;line-height:1.5}.lg-loading{display:flex;align-items:center;justify-content:center;padding:var(--lg-space-40)}.lg-spinner{width:28px;height:28px;border:2.5px solid var(--lg-fill-secondary);border-top-color:#3390ec;border-radius:50%;animation:lg-spin .7s linear infinite}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-error{display:flex;gap:var(--lg-space-12);padding:var(--lg-space-16);background:#e5393514;border-radius:var(--lg-radius-md)}.lg-error-content h4{font-size:var(--lg-text-base);font-weight:var(--lg-semibold);color:var(--lg-text-primary);margin:0 0 2px}.lg-error-content p{font-size:var(--lg-text-sm);color:var(--lg-text-secondary);margin:0}.ant-modal-root .ant-modal-mask{background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ant-modal-root .ant-modal-content{border-radius:var(--lg-radius-2xl);box-shadow:0 24px 48px #00000026;overflow:hidden;padding:0}.ant-modal-root .ant-modal-header{padding:var(--lg-space-20);text-align:center;border-bottom:.5px solid var(--lg-separator);margin:0}.ant-modal-root .ant-modal-title{font-size:var(--lg-text-md);font-weight:var(--lg-semibold);color:var(--lg-text-primary)}.ant-modal-root .ant-modal-body{padding:var(--lg-space-20);font-size:var(--lg-text-base);color:var(--lg-text-secondary);text-align:center;line-height:1.5}.ant-modal-root .ant-modal-footer{display:flex;border-top:.5px solid var(--lg-separator);padding:0;margin:0}.ant-modal-root .ant-modal-footer .ant-btn{flex:1;margin:0;padding:var(--lg-space-16);border:none;border-radius:0;font-size:var(--lg-text-md);font-weight:var(--lg-medium);height:auto;min-height:50px;background:transparent;box-shadow:none}.ant-modal-root .ant-modal-footer .ant-btn+.ant-btn{border-left:.5px solid var(--lg-separator)}.ant-modal-root .ant-modal-footer .ant-btn-default{color:#3390ec}.ant-modal-root .ant-modal-footer .ant-btn-primary{color:#3390ec;font-weight:var(--lg-semibold)}.ant-modal-root .ant-modal-footer .ant-btn-dangerous{color:#e53935;font-weight:var(--lg-semibold)}.ant-modal-root .ant-modal-close{display:none}.ant-modal-confirm .ant-modal-confirm-body{display:flex;flex-direction:column;align-items:center;text-align:center}.ant-modal-confirm .ant-modal-confirm-title{font-size:var(--lg-text-md);font-weight:var(--lg-semibold);color:var(--lg-text-primary);margin-bottom:var(--lg-space-8)}.ant-modal-confirm .ant-modal-confirm-content{font-size:var(--lg-text-base);color:var(--lg-text-secondary);margin:0}.ant-modal-confirm .ant-modal-confirm-btns{display:flex;width:100%;margin-top:var(--lg-space-20);padding-top:var(--lg-space-16);border-top:.5px solid var(--lg-separator)}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn{flex:1;margin:0;border-radius:var(--lg-radius-md);height:44px;font-size:var(--lg-text-base);font-weight:var(--lg-semibold)}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn{margin-left:var(--lg-space-8)}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn-default{background:var(--lg-fill-tertiary);border:none;color:var(--lg-text-primary)}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn-dangerous{background:#e53935;border:none;color:#fff}.ant-modal-confirm .anticon-exclamation-circle{display:none}.ant-message .ant-message-notice-content{background:#3c3c43e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--lg-radius-lg);padding:var(--lg-space-12) var(--lg-space-20);box-shadow:0 8px 32px #00000026}.ant-message .ant-message-notice-content .ant-message-custom-content{display:flex;align-items:center;gap:var(--lg-space-8)}.ant-message .ant-message-notice-content .ant-message-custom-content>span:last-child{color:#fff;font-size:var(--lg-text-base);font-weight:var(--lg-medium)}.ant-message .ant-message-notice-content .anticon{font-size:18px}.ant-message .ant-message-success .anticon{color:#31b545}.ant-message .ant-message-error .anticon{color:#e53935}.ant-message .ant-message-warning .anticon{color:#f5a623}.ant-message .ant-message-info .anticon{color:#3390ec}.ant-dropdown .ant-dropdown-menu{background:var(--lg-glass);backdrop-filter:saturate(var(--lg-glass-saturate)) blur(var(--lg-glass-blur));-webkit-backdrop-filter:saturate(var(--lg-glass-saturate)) blur(var(--lg-glass-blur));border:.5px solid var(--lg-separator-light);border-radius:var(--lg-radius-lg);box-shadow:0 12px 40px #0000001f;padding:var(--lg-space-8);min-width:180px}.ant-dropdown .ant-dropdown-menu-item{border-radius:var(--lg-radius-sm);padding:var(--lg-space-12) var(--lg-space-16);font-size:var(--lg-text-base);color:var(--lg-text-primary);gap:var(--lg-space-12)}.ant-dropdown .ant-dropdown-menu-item-danger{color:#e53935}.ant-dropdown .ant-dropdown-menu-item-divider{background:var(--lg-separator);margin:var(--lg-space-4) 0}.ant-badge .ant-badge-count{background:#e53935;box-shadow:none;font-size:11px;font-weight:var(--lg-semibold);min-width:18px;height:18px;line-height:18px;border-radius:9px}.lg-page-header{margin-bottom:var(--lg-space-32)}.lg-page-title{font-size:var(--lg-text-3xl);font-weight:var(--lg-bold);color:var(--lg-text-primary);margin:0;letter-spacing:-.8px;line-height:1.15}.lg-page-subtitle{font-size:var(--lg-text-base);color:var(--lg-text-secondary);margin:var(--lg-space-4) 0 0 0;font-weight:var(--lg-regular)}.lg-grid{display:grid;gap:var(--lg-space-16)}.lg-grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 800px){.lg-grid-2{grid-template-columns:1fr}}.lg-spinner-circle{width:28px;height:28px;border:2.5px solid var(--lg-fill-secondary);border-top-color:#3390ec;border-radius:50%;animation:lg-spin .7s linear infinite}.lg-error-box{display:flex;gap:var(--lg-space-12);padding:var(--lg-space-16);background:#e5393514;border-radius:var(--lg-radius-md)}.lg-error-icon{color:#e53935;font-size:20px;flex-shrink:0}.lg-error-content{flex:1}.lg-error-title{font-size:var(--lg-text-base);font-weight:var(--lg-semibold);color:var(--lg-text-primary);margin:0 0 2px}.lg-error-text{font-size:var(--lg-text-sm);color:var(--lg-text-secondary);margin:0}