.staff-portal{--brand-primary: #5A00FF;--brand-secondary: #FF3E9E;--brand-gradient: linear-gradient(135deg, #5A00FF 0%, #FF3E9E 100%);--brand-gradient-reverse: linear-gradient(135deg, #FF3E9E 0%, #5A00FF 100%);--glass-surface: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--glass-surface-dark: linear-gradient(135deg, rgba(10, 8, 25, .93) 0%, rgba(18, 8, 22, .9) 100%);--glass-surface-light: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .08) 100%);--glass-tint: linear-gradient(135deg, rgba(90, 0, 255, .05) 0%, rgba(255, 62, 158, .03) 100%);--glass-tint-strong: linear-gradient(135deg, rgba(90, 0, 255, .15) 0%, rgba(255, 62, 158, .08) 100%);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .2);--glass-border-subtle: rgba(255, 255, 255, .06);--glass-highlight: rgba(255, 255, 255, .12);--glass-border-brand: rgba(90, 0, 255, .35);--glass-border-brand-pink: rgba(255, 62, 158, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .2);--shadow-glow-purple: 0 0 20px rgba(90, 0, 255, .4), 0 0 40px rgba(90, 0, 255, .2);--shadow-glow-pink: 0 0 20px rgba(255, 62, 158, .4), 0 0 40px rgba(255, 62, 158, .2);--shadow-inset-highlight: inset 0 1px 2px rgba(255, 255, 255, .08);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 8px;--radius-2xl: 8px;--font-display: "Righteous", sans-serif;--font-body: "Fredoka", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .55);--text-disabled: rgba(255, 255, 255, .35);--color-success: #60eb50;--color-success-bg: rgba(96, 235, 80, .08);--color-success-border: rgba(96, 235, 80, .2);--color-warning: #f2b583;--color-warning-bg: rgba(242, 181, 131, .08);--color-warning-border: rgba(242, 181, 131, .2);--color-error: #dc3545;--color-error-bg: rgba(220, 53, 69, .08);--color-error-border: rgba(220, 53, 69, .2);--color-info: #247ba5;--color-info-bg: rgba(36, 123, 165, .08);--color-info-border: rgba(36, 123, 165, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}.staff-glass-card{position:relative;border-radius:var(--radius-lg)}.staff-panel--cut{clip-path:polygon(12px 0%,100% 0%,100% calc(100% - 12px),calc(100% - 12px) 100%,0% 100%,0% 12px);border-radius:0}.staff-panel-header{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:12px;font-weight:400;color:#fff9;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;margin-bottom:0}.staff-panel-header:before,.staff-panel-header:after{content:"";flex:1;height:1px;min-width:12px}.staff-panel-header:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18))}.staff-panel-header:after{background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)}.staff-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 70%,transparent 100%)}.staff-list-item{position:relative;background:transparent;border:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.staff-list-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:#ffffffb3;box-shadow:2px 0 6px #ffffff26;transition:height var(--transition-spring);border-radius:1px;z-index:3}.staff-list-item:hover{background:#ffffff08}.staff-list-item:hover:before{height:40%}.staff-list-item.active{background:#ffffff0d}.staff-list-item.active:before{height:55%}.staff-glass-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0a;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;overflow:hidden;transition:all var(--transition-base);outline:none;text-decoration:none}.staff-glass-btn:hover{background:#ffffff14;border-color:var(--glass-border-strong)}.staff-glass-btn:active{transform:translateY(1px)}.staff-glass-btn--primary{background:linear-gradient(135deg,#5a00ff33,#ff3e9e1a);border-color:var(--glass-border-brand)}.staff-glass-btn--primary:hover{background:linear-gradient(135deg,#5a00ff4d,#ff3e9e33);border-color:var(--glass-border-brand-pink);box-shadow:inset 0 0 20px #ff3e9e1a}.staff-glass-btn--danger{background:#dc35451a;border-color:#dc354540;color:#dc3545}.staff-glass-btn--danger:hover{background:#dc35452e;border-color:#dc354566}.staff-glass-btn--success{background:#60eb501a;border-color:#60eb5040;color:#60eb50}.staff-glass-btn--success:hover{background:#60eb502e;border-color:#60eb5066}.staff-glass-btn--sm{padding:5px 10px;font-size:var(--text-xs)}.staff-glass-btn--icon{padding:6px;min-width:32px;min-height:32px}.staff-glass-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:8px 0;font-size:var(--text-sm);font-family:var(--font-body);font-weight:400;outline:none;transition:border-color var(--transition-base)}.staff-glass-input:focus{border-bottom-color:#ffffff59}.staff-glass-input::placeholder{color:#fff3;font-style:italic}.staff-glass-input--boxed{background:#5a00ff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px 12px}.staff-glass-input--boxed:focus{border-color:var(--glass-border-strong)}.staff-glass-textarea{width:100%;background:#5a00ff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;font-size:var(--text-sm);font-family:var(--font-body);font-weight:400;outline:none;resize:vertical;transition:border-color var(--transition-base)}.staff-glass-textarea:focus{border-color:var(--glass-border-strong)}.staff-glass-select{width:100%;background:#5a00ff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);padding:8px 12px;font-size:var(--text-sm);font-family:var(--font-body);outline:none;cursor:pointer;transition:border-color var(--transition-base);-webkit-appearance:none;appearance:none}.staff-glass-select:focus{border-color:var(--glass-border-strong)}.staff-glass-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.staff-glass-badge--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.staff-glass-badge--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.staff-glass-badge--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.staff-glass-badge--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info)}.staff-glass-badge--brand{background:linear-gradient(135deg,#5a00ff1f,#ff3e9e14);border-color:var(--glass-border-brand);color:#ffffffe6}.staff-glass-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.staff-glass-toggle input{appearance:none;width:32px;height:4px;background:#ffffff1f;border-radius:2px;outline:none;cursor:pointer;position:relative;transition:background var(--transition-base)}.staff-glass-toggle input:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:12px;height:12px;background:#ffffff40;border:2px solid rgba(255,255,255,.15);border-radius:2px;transition:all var(--transition-base)}.staff-glass-toggle input:checked{background:#fff3}.staff-glass-toggle input:checked:after{left:20px;background:#ffffffd9;box-shadow:0 0 8px #ffffff40}.staff-sidebar{background:linear-gradient(180deg,#0a0819f7,#120816f2);border-right:1px solid var(--glass-border)}.staff-sidebar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(255,255,255,.008) 2px,rgba(255,255,255,.008) 4px);pointer-events:none;z-index:1}.staff-sidebar>*{position:relative;z-index:2}.staff-nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-disabled);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.staff-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:#ffffffb3;box-shadow:2px 0 6px #ffffff26;transition:height var(--transition-spring);border-radius:1px}.staff-nav-item:hover{background:#ffffff08;color:var(--text-secondary)}.staff-nav-item:hover:before{height:40%}.staff-nav-item.active{background:#ffffff0d;border-color:#ffffff14;color:var(--text-primary);box-shadow:0 0 20px #ffffff08}.staff-nav-item.active:before{height:55%}.staff-nav-item .nav-icon{color:#ffffff40;transition:color var(--transition-fast)}.staff-nav-item:hover .nav-icon{color:#ffffff80}.staff-nav-item.active .nav-icon{color:#fffc}.staff-nav-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;font-size:10px;font-weight:600;border-radius:var(--radius-xs);background:#ffffff0f;color:var(--text-tertiary)}.staff-nav-shortcut{font-size:10px;font-family:var(--font-mono);color:var(--text-disabled)}.staff-nav-section{font-family:var(--font-display);font-size:10px;font-weight:400;color:var(--text-disabled);text-transform:uppercase;letter-spacing:2px;padding:16px 12px 4px}.staff-mobile-nav{background:linear-gradient(180deg,#0a0819f7,#0a0819fc);border-top:1px solid var(--glass-border)}.staff-mobile-nav-item{flex:1;min-width:56px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;color:var(--text-disabled);border:none;background:none;cursor:pointer;transition:color var(--transition-fast);position:relative;font-size:9px;font-weight:500;text-decoration:none}.staff-mobile-nav-item.active{color:var(--text-primary)}.staff-mobile-nav-item.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:#fff9;box-shadow:0 2px 8px #fff3}.staff-mobile-nav-item .badge-dot{position:absolute;top:4px;right:25%;width:6px;height:6px;border-radius:50%;background:#fff9;box-shadow:0 0 6px #ffffff4d}.staff-stat-card{position:relative;padding:16px}.staff-stat-card .stat-label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px}.staff-stat-card .stat-value{font-family:var(--font-display);font-size:28px;color:var(--text-primary);text-shadow:0 0 15px rgba(255,255,255,.1)}.staff-toast{background:linear-gradient(135deg,#0a0819f2,#120816ed);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);font-family:var(--font-body)}.staff-toast--success{border-color:var(--color-success-border)}.staff-toast--error{border-color:var(--color-error-border)}.staff-toast--info{border-color:var(--color-info-border)}.staff-skeleton{background:#ffffff0a;border-radius:var(--radius-sm);animation:staffSkeletonPulse 2s ease-in-out infinite}@keyframes staffSkeletonPulse{0%,to{opacity:1}50%{opacity:.4}}.staff-modal-backdrop{background:#0009;backdrop-filter:blur(4px)}.staff-modal-panel{position:relative;background:linear-gradient(135deg,#0a0819f7,#120816f2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.staff-modal-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 4px);pointer-events:none;z-index:0;border-radius:inherit}.staff-modal-panel>*{position:relative;z-index:1}.staff-filter-pill{padding:5px 12px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.staff-filter-pill:hover{background:#ffffff0a;color:var(--text-secondary)}.staff-filter-pill.active{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary)}.staff-portal ::-webkit-scrollbar{width:4px}.staff-portal ::-webkit-scrollbar-track{background:transparent}.staff-portal ::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.staff-portal ::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes staffFadeIn{0%{opacity:0}to{opacity:1}}@keyframes staffSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes staffStatusPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.staff-fade-in{animation:staffFadeIn var(--transition-base) ease-out}.staff-slide-up{animation:staffSlideUp var(--transition-slow) ease-out}.staff-status-pulse{animation:staffStatusPulse 2s ease-in-out infinite}.staff-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--brand-primary);border-bottom-color:var(--brand-secondary);border-radius:50%;animation:staffSpin 1s ease-in-out infinite}@keyframes staffSpin{0%{transform:rotate(0);border-top-color:#5a00ff;border-bottom-color:#ff3e9e}50%{border-top-color:#ff3e9e;border-bottom-color:#5a00ff}to{transform:rotate(360deg);border-top-color:#5a00ff;border-bottom-color:#ff3e9e}}@media(prefers-reduced-motion:reduce){.staff-portal *,.staff-portal *:before,.staff-portal *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}