@import"https://fonts.bunny.net/css?family=outfit:400,500,600,700,800&display=swap";@import"https://fonts.bunny.net/css?family=inter:400,500,600,700,800&display=swap";:root{--ft-orange-lt: #FFA040;--ft-grad-btn: linear-gradient(120deg, #CC2828 0%, #E86800 100%)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#080810;overflow:hidden;position:relative}.lp-reveal{position:fixed;top:0;right:0;bottom:0;left:0;background:#060608;z-index:99999;pointer-events:none;animation:lpReveal 2.2s ease-out .1s both}@keyframes lpReveal{0%{opacity:1}to{opacity:0}}.lp-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;will-change:transform;transform-origin:center center}.lp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#0006;pointer-events:none}.lp-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 110% 110% at 50% 50%,transparent 30%,rgba(0,0,0,.68) 100%)}.login-wrap{position:relative;z-index:3;width:100%;max-width:440px;padding:0 16px;animation:cardIn .8s cubic-bezier(.34,1.2,.64,1) .8s both}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-wrap:before{content:"";position:absolute;top:-3px;bottom:-3px;left:13px;right:13px;border-radius:27px;background:#4a4a5a;z-index:-1}.login-card{background:#0b0b11;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;border:none;box-shadow:0 32px 80px -16px #000000e6;overflow:hidden}.card-body{padding:20px 40px 36px}.login-header{text-align:center;margin-bottom:16px;animation:fadeUp .5s ease .1s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-header h1{font-size:36px;font-weight:800;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase;background:linear-gradient(120deg,#c42020,#e63030,#f50,#ff7a00,#e63030,#c42020);background-size:250% 250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease infinite}.login-header p{font-size:11px;font-weight:600;color:#55555f;text-transform:uppercase;letter-spacing:2px}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 30%,rgba(230,48,48,.15) 50%,rgba(255,255,255,.06) 70%,transparent);margin-bottom:30px}.form-title{text-align:center;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.form-group{margin-bottom:18px;animation:fadeUp .4s ease both}.form-group:nth-child(1){animation-delay:.15s}.form-group:nth-child(2){animation-delay:.2s}.input-wrap{position:relative}.input-wrap .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:21px;height:21px;stroke:#ffffffbf;stroke-width:1.8;fill:none;transition:stroke .2s;pointer-events:none}.form-group input{width:100%;padding:14px 18px 14px 44px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;color:#e8e8f0;font-size:15px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;font-family:inherit}.form-group input::placeholder{color:#6a6a80;font-size:14px}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px rgba(11,11,17,.98) inset!important;-webkit-text-fill-color:#E8E8F0!important;caret-color:#e8e8f0!important}.form-group input:focus{border-color:transparent;background:#ffffff0a;box-shadow:none}@keyframes inputBorderDraw{0%{clip-path:inset(0 100% 0 0% round 15px)}to{clip-path:inset(0 0% 0 0% round 15px)}}@keyframes inputBorderUndraw{0%{clip-path:inset(0 0% 0 0% round 15px)}to{clip-path:inset(0 0% 0 100% round 15px)}}.input-wrap:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:15px;border:3px solid rgba(255,255,255,1);pointer-events:none;clip-path:inset(0 100% 0 0% round 15px);z-index:1}.input-wrap[data-state=active]:after{animation:inputBorderDraw .72s cubic-bezier(.3,1,.8,1) forwards}.input-wrap[data-state=leaving]:after{animation:inputBorderUndraw .72s cubic-bezier(.3,1,.8,1) forwards}.form-group:nth-child(2) .input-wrap[data-state=active]:after{animation-duration:1.1s}.form-group:nth-child(2) .input-wrap[data-state=leaving]:after{animation-duration:.98s}.input-wrap:focus-within .input-icon{stroke:#fff}@keyframes toastLifecycle{0%{opacity:0;transform:translateY(-56px)}14%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-56px)}}.error-toast{position:absolute;top:16px;left:16px;right:16px;z-index:10;background:#c0161a;color:#fff;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;text-align:center;box-shadow:0 4px 20px #00000059;animation:toastLifecycle 4.6s ease forwards}.login-btn{width:100%;padding:15px 20px;background:var(--ft-grad-btn);color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;margin-top:8px;text-transform:uppercase;letter-spacing:1.5px;font-family:inherit;position:relative;overflow:hidden;animation:fadeUp .4s ease .25s both;box-shadow:none;outline:2px solid rgba(230,48,48,.7);transition:transform .15s ease}.login-btn:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background:#07070e;transform:skew(30deg);transition:transform .8s cubic-bezier(.3,1,.8,1);z-index:0}.login-btn:hover:not(:disabled):before{transform:skew(30deg) translate3d(110%,0,0)}.login-btn:hover:not(:disabled){outline-color:#e63030}.login-btn:active:not(:disabled){transform:scale(.97)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.btn-text{position:relative;z-index:1}.spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle;position:relative;z-index:1}.vk-btn{width:100%;padding:14px 20px;background:#0060cc;color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;margin-top:0;text-transform:uppercase;letter-spacing:1.5px;font-family:inherit;text-decoration:none;animation:fadeUp .4s ease .3s both;box-shadow:none;outline:2px solid rgba(0,119,255,.7);position:relative;overflow:hidden;transition:transform .15s ease;display:block}.vk-btn:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background:#07070e;transform:skew(30deg);transition:transform .8s cubic-bezier(.3,1,.8,1);z-index:0}.vk-btn:hover:before{transform:skew(30deg) translate3d(110%,0,0)}.vk-btn:hover{outline-color:#07f}.vk-btn:active{transform:scale(.97)}.vk-btn-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px}.vk-btn-content svg{flex-shrink:0}.or-divider{display:flex;align-items:center;gap:12px;margin:16px 0;animation:fadeUp .4s ease .28s both}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.or-divider span{font-size:11px;color:#3a3a48;font-weight:600;letter-spacing:1px;text-transform:uppercase}.login-footer{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;gap:6px;animation:fadeUp .4s ease .35s both}.login-footer a{font-size:12px;color:#3a3a48;text-decoration:none;font-weight:500;transition:color .2s;letter-spacing:.2px}.login-footer a:hover{color:var(--ft-orange-lt)}.login-footer .sep{color:#222230;font-size:12px}@keyframes wsSweepIn{0%{clip-path:polygon(-100% 0%,-60% 0%,0% 100%,-40% 100%)}to{clip-path:polygon(-100% 0%,100% 0%,160% 100%,-40% 100%)}}@keyframes wsSweepOut{0%{clip-path:polygon(-100% 0%,100% 0%,160% 100%,-40% 100%)}to{clip-path:polygon(160% 0%,360% 0%,420% 100%,220% 100%)}}@keyframes wsTextReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes wsGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ws-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:#06060a;will-change:clip-path;display:flex;align-items:center;justify-content:center;clip-path:polygon(-100% 0%,-60% 0%,0% 100%,-40% 100%);animation:wsSweepIn 1.6s ease-in-out forwards,wsSweepOut 1.04s ease-in-out 3.36s forwards}.ws-text{display:flex;flex-direction:column;align-items:center;gap:12px;animation:wsTextReveal 1.04s ease 1.36s both}.ws-greeting{font-size:66px;font-weight:700;color:#f0f0f6;letter-spacing:.3px}.ws-name{font-size:66px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(120deg,#c42020,#e63030,#f50,#ff7a00,#e63030,#c42020);background-size:250% 250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:wsTextReveal 1.04s ease 1.36s both,wsGradientFlow 3s ease 1.36s infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer}a{color:inherit;text-decoration:none}:root{--bg: #060608;--surface: #0c0c10;--surface-2: #12121a;--surface-3: #1a1a24;--ash-1: #d0d0da;--ash-2: #8c8c9e;--ash-3: #54546a;--ash-4: #2c2c3c;--accent: #e84040;--accent-2: #ff6b20;--grad: linear-gradient(120deg, #e84040 0%, #ff6b20 100%);--grad-btn: linear-gradient(120deg, #cc3535 0%, #e85c15 100%);--grad-hover: linear-gradient(120deg, #e84040 0%, #ff8030 100%);--border: rgba(255,255,255,.07);--border-input: rgba(255,255,255,.09);--border-focus: rgba(232,64,64,.55);--text: #f0f0f6;--text-2: #8c8c9e;--text-3: #54546a;--error: #f04444;--error-dim: rgba(240,68,68,.1);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--tr-fast: .15s ease;--tr-base: .24s ease}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ash-4);border-radius:3px}.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-particles .spark{position:absolute;bottom:-10px;border-radius:50% 50% 30% 30%;opacity:0;animation:sparkRise linear infinite;will-change:transform,opacity}@keyframes sparkRise{0%{transform:translateY(0) translate(0) scale(1) rotate(0);opacity:0}8%{opacity:.7}40%{transform:translateY(-38vh) translate(var(--drift)) scale(.85) rotate(var(--spin));opacity:.5}75%{transform:translateY(-72vh) translate(calc(var(--drift)*1.6)) scale(.45) rotate(calc(var(--spin)*1.8));opacity:.2}to{transform:translateY(-100vh) translate(calc(var(--drift)*2.2)) scale(.1) rotate(calc(var(--spin)*2.5));opacity:0}}:root{--bg-body: #09090E;--bg-panel: rgba(14, 14, 20, .88);--bg-card: rgba(16, 16, 24, .7);--bg-element: rgba(255, 255, 255, .04);--bg-input: rgba(0, 0, 0, .35);--bg-input-focus: rgba(0, 0, 0, .5);--bg-modal: rgba(14, 14, 20, .98);--bg-overlay: rgba(0, 0, 0, .7);--bg-hover-light: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .06);--text-primary: #F0F0F5;--text-secondary: #8A8A98;--text-muted: #55555F;--btn-bg: rgba(255, 255, 255, .06);--btn-text: #C8C8D2;--btn-border: rgba(255, 255, 255, .08);--btn-hover-bg: #FFFFFF;--btn-hover-text: #0D0D14;--btn-hover-border: #FFFFFF;--btn-hover-shadow: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .05);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-input: rgba(255, 255, 255, .08);--border-input-focus: rgba(255, 255, 255, .28);--logo-gradient: linear-gradient(120deg, #E63030 0%, #FF7A00 100%);--accent-nav: #FF7A00;--accent-color: #FF7A00;--accent-glow: rgba(255, 122, 0, .15);--shadow-panel: 0 32px 64px -16px rgba(0, 0, 0, .85);--shadow-btn: 0 8px 24px -4px rgba(255, 255, 255, .12);--shadow-card: 0 8px 32px -8px rgba(0, 0, 0, .6);--shadow-card-hover: 0 20px 48px -10px rgba(0, 0, 0, .8);--orb1: rgba(230, 48, 48, .07);--orb2: rgba(255, 122, 0, .05);--orb3: rgba(230, 48, 48, .04);--radius-card: 18px;--radius-panel: 22px;--radius-btn: 10px;--radius-input: 14px;--radius-badge: 30px;--color-success: #50C878;--color-success-bg: rgba(80, 200, 120, .1);--color-success-border:rgba(80, 200, 120, .28);--color-danger: #f04747;--color-danger-bg: rgba(240, 71, 71, .1);--color-danger-border: rgba(240, 71, 71, .28);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border:rgba(245, 158, 11, .28);--color-card: #141418;--stripe-gradient: linear-gradient(90deg, #E63030 0%, #FF7A00 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-body);color:var(--text-primary);line-height:1.5;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 15% 25%,var(--orb1) 0%,transparent 100%),radial-gradient(ellipse 50% 60% at 85% 75%,var(--orb2) 0%,transparent 100%),radial-gradient(ellipse 40% 50% at 45% 85%,var(--orb3) 0%,transparent 100%);pointer-events:none;z-index:-1}.app-container{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{width:268px;background:#111116;border-right:1px solid rgba(255,255,255,.06);padding:28px 0 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{margin:0 10px 8px;padding:16px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;text-align:center}.logo{font-size:33px;font-weight:800;background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1.5px;text-decoration:none;display:block;margin-bottom:5px;text-transform:uppercase;transition:opacity .2s}.logo:hover{opacity:.8}.logo-sub{color:var(--text-muted);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.nav-menu{flex:1;padding:20px 10px;overflow-y:auto;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-item{margin-bottom:3px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 18px;color:#fff;text-decoration:none;font-size:17px;font-weight:500;border-radius:14px;transition:color .18s ease,background .18s ease,transform .18s ease;letter-spacing:-.1px}.nav-link:hover{color:#fff;background:var(--bg-hover-light);transform:translate(2px)}.nav-link.active{color:var(--text-primary);background:linear-gradient(90deg,#e6303024,#ff7a0012);border-left:3px solid #FF7A00;padding-left:15px;font-weight:600}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.5,.64,1)}.nav-icon svg{width:24px;height:24px;stroke:#fff;stroke-width:1.6;fill:none}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{transform:scale(1.15)}.nav-link.active .nav-icon svg{stroke:#ff7a00}.nav-link>span:not(.nav-icon){line-height:1}.nav-link.active>span:not(.nav-icon){background:linear-gradient(120deg,#e63030,#ff7a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-content{flex:1;margin-left:268px;min-height:100vh;display:flex;flex-direction:column;width:calc(100% - 268px);max-width:calc(100vw - 268px);overflow-x:hidden;opacity:0;animation:mainFadeIn .22s ease forwards}@keyframes mainFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.top-bar{background:#0f0f14;border-bottom:none;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:90;position:relative}.top-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(230,48,48,.5) 15%,rgba(255,122,0,.85) 50%,rgba(230,48,48,.5) 85%,transparent 100%);pointer-events:none}.page-title{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px}.page-title-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.75}.page-title-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none}.page-label{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff}.page-label svg{width:26px;height:26px;stroke:#fff;stroke-width:1.8;fill:none;flex-shrink:0}.user-menu{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;background:var(--bg-element);border:1px solid var(--border-medium);border-radius:40px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.user-info:hover{background:#ff7a0014;border-color:#ff7a0066;box-shadow:0 0 0 3px #ff7a0014}.user-avatar-mini{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#e63030,#ff7a00b3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar-mini img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-text{display:flex;flex-direction:column;line-height:1.2}.user-name{font-weight:600;font-size:13.5px;color:var(--text-primary)}.user-role{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.user-role.admin{color:#f33}.user-role.funpay{color:#3f7}.user-role.moderator,.user-role.security{color:gold}.logout-btn{padding:6px 14px;background:var(--btn-bg);color:var(--btn-text);border:2px solid var(--btn-border);border-radius:var(--radius-btn);font-size:12px;font-weight:500;cursor:pointer;transition:all .22s ease;font-family:inherit}.logout-btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border);box-shadow:var(--shadow-btn)}.logout-btn:active{transform:scale(.97)}.content-container{padding:24px 26px;flex:1;width:100%;max-width:100%;overflow-x:hidden}.action-btn{padding:9px 20px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer;transition:all .22s ease;background:var(--btn-bg);color:var(--btn-text);border:2px solid var(--btn-border);font-family:inherit;letter-spacing:-.1px}.action-btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border);box-shadow:var(--shadow-btn)}.action-btn:active{transform:scale(.97)}.action-btn.danger{background:#f047471a;color:#f04747;border-color:#f047474d}.action-btn.danger:hover{background:#f04747;color:#fff;box-shadow:0 8px 24px -4px #f0474759}.action-btn.success{background:#50c8781a;color:#60d090;border-color:#50c87847}.action-btn.success:hover{background:#50c878d9;color:#fff;box-shadow:0 8px 24px -4px #50c8784d}.action-btn.warning{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b47}.action-btn.warning:hover{background:#f59e0b;color:#fff;box-shadow:0 8px 24px -4px #f59e0b4d}.action-btn.primary{background:#ff7a001f;color:var(--accent-color);border-color:#ff7a0040}.action-btn.primary:hover{background:var(--accent-color);color:#fff;box-shadow:0 8px 24px -4px #ff7a0059}.action-btn.secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-medium)}.action-btn.secondary:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border)}.top-loader{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,transparent 0%,rgba(230,48,48,.6) 20%,rgba(255,122,0,.95) 50%,rgba(230,48,48,.6) 80%,transparent 100%);z-index:9999;pointer-events:none;opacity:0;transition:width .45s cubic-bezier(.4,0,.2,1),opacity .3s ease;border-radius:0 2px 2px 0}.top-loader.loading{width:80%;opacity:1}.top-loader.done{width:100%;opacity:0;transition:width .18s ease,opacity .4s ease .08s}.card{transition:transform .24s cubic-bezier(.34,1.2,.64,1),box-shadow .24s ease,border-color .2s ease,background .2s ease!important}.card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-card-hover)!important;border-color:#ffffff1a!important}@keyframes cardAppear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-container{animation:contentFadeIn .28s ease both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.6s ease infinite;border-radius:8px;color:transparent!important;pointer-events:none}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center;z-index:1000}.modal.active{display:flex}.modal-content{background:var(--bg-modal);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-panel);padding:30px;width:92%;max-width:500px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);position:relative;overflow:hidden;animation:modalContentIn .24s cubic-bezier(.34,1.3,.64,1) both}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal-box{background:var(--bg-modal);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);width:92%;max-width:460px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-panel);transform:scale(.94) translateY(12px);transition:transform .24s cubic-bezier(.34,1.3,.64,1);max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.modal-overlay.active .modal-box{transform:scale(1) translateY(0)}.modal-title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}@keyframes modalContentIn{0%{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.active .modal-content{animation:modalContentIn .24s cubic-bezier(.34,1.3,.64,1) both}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;position:relative;z-index:1}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px;margin-bottom:4px}.modal-header p{color:var(--text-secondary);font-size:13px}.modal-body{position:relative;z-index:1}.modal-actions{display:flex;gap:10px;justify-content:flex-end;position:relative;z-index:1}.modal-btn{padding:10px 22px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer;transition:all .22s ease;border:2px solid var(--btn-border);font-family:inherit;letter-spacing:-.1px}.modal-btn.save{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-border)}.modal-btn.save:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border);box-shadow:var(--shadow-btn)}.modal-btn.cancel{background:transparent;color:var(--text-secondary);border-color:var(--border-medium)}.modal-btn.cancel:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border)}.modal-btn.danger{background:#f047471a;color:#f04747;border-color:#f0474747}.modal-btn.danger:hover{background:#f04747;color:#fff;box-shadow:0 8px 24px -4px #f0474759}.modal-btn.warning{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b47}.modal-btn.warning:hover{background:#f59e0b;color:#fff}.modal-btn.success{background:#50c8781a;color:#60d090;border-color:#50c87847}.modal-btn.success:hover{background:#50c878d9;color:#0a1a10}.modal-close{background:none;border:none;color:var(--text-muted);font-size:26px;cursor:pointer;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;font-family:inherit}.modal-close:hover{color:#f04747;background:#f0474714}.modal-action-group{background:var(--bg-element);border-radius:14px;padding:16px;border:1px solid var(--border-subtle)}.modal-action-title{font-size:13.5px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.modal-buttons{display:flex;gap:10px;flex-wrap:wrap}.edit-shift-row{display:flex;align-items:center;gap:12px;background:var(--bg-element);border:1px solid var(--border-subtle);border-radius:14px;padding:10px 14px;margin-bottom:8px;transition:border-color .2s}.edit-shift-row:focus-within{border-color:var(--border-input-focus)}.edit-shift-time{min-width:62px;font-weight:600;color:var(--text-secondary);font-size:12px;letter-spacing:.3px}.edit-shift-input{flex:1;padding:9px 13px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:10px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s,background .2s;font-family:inherit}.edit-shift-input:focus{border-color:var(--border-input-focus);background:var(--bg-input-focus)}.toggle-pass .eye-open{display:block}.toggle-pass .eye-close,.toggle-pass.visible .eye-open{display:none}.toggle-pass.visible .eye-close{display:block}.selected-list{margin-bottom:18px;max-height:240px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:14px;background:var(--bg-element);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.selected-item{padding:11px 16px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:13.5px}.selected-item:last-child{border-bottom:none}.selected-nickname{color:var(--accent-color);font-weight:600}.selected-status{font-size:12px;font-weight:500}.selected-status.banned{color:#f04747}.selected-status.not-banned{color:#60d090}.players-list{font-size:11px;color:var(--text-secondary);background:var(--bg-element);padding:8px 10px;border-radius:10px;margin-bottom:8px;word-break:break-word;line-height:1.7}.players-list span{cursor:pointer;transition:color .15s ease;border-radius:4px;padding:1px 3px}.players-list span:hover{color:var(--accent-color)}.players-list span.copied{color:#60d090}.progress-bar{width:100%;height:2px;background:var(--border-subtle);margin:14px 0;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),#FF7070);transition:width .3s ease;border-radius:2px}.delete-timer{font-size:12.5px;color:#f04747;font-family:Monaco,Menlo,Consolas,monospace;letter-spacing:.3px}.delete-timer.warning{color:#f59e0b}@keyframes notifIn{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.copy-notification{position:fixed;bottom:24px;right:24px;background:#50c878eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#0a1a10;padding:10px 20px;border-radius:var(--radius-btn);font-size:13px;font-weight:700;animation:notifIn .22s cubic-bezier(.34,1.4,.64,1) both;z-index:2000;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #0006;letter-spacing:.1px;transition:opacity .28s ease,transform .28s ease}.copy-notification.hiding{opacity:0;transform:translateY(8px) scale(.96)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:36px;height:36px;border:2.5px solid var(--border-medium);border-radius:50%;border-top-color:var(--accent-color);animation:spin .9s ease-in-out infinite}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:var(--radius-panel)}@media (max-width: 768px){.sidebar{width:0;transform:translate(-100%)}.main-content{margin-left:0;width:100%;max-width:100vw}}.sidebar-footer{margin-top:auto;padding:0 10px 12px}.sb-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px}.sb-user{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;padding:9px 11px;border-radius:12px;border:2px solid transparent;background:linear-gradient(#111116,#111116) padding-box,linear-gradient(120deg,#e63030,#ff7a00) border-box;transition:opacity .18s ease}.sb-user:hover{opacity:.85}.sb-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#e63030,#ff7a00b3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}.sb-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sb-user-info{display:flex;align-items:center;justify-content:space-between;min-width:0;flex:1}.sb-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-role{font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0}.sbr-admin{color:#f33}.sbr-funpay{color:#3f7}.sbr-security{color:gold}.sbr-support{color:#ff7a00}.sb-logout{width:100%;padding:8px 14px;background:#f047471a;border:2px solid rgba(240,71,71,.3);border-radius:10px;color:#f04747;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:7px}.sb-logout:hover{background:#f04747;border-color:#f04747;color:#fff;box-shadow:0 0 16px #f0474759}.sb-logout svg{flex-shrink:0}.hidden{display:none!important}