.bg-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-particles .spark{opacity:0;will-change:transform, opacity;border-radius:50% 50% 30% 30%;animation:linear infinite sparkRise;position:absolute;bottom:-10px}@keyframes sparkRise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)rotate(0)}8%{opacity:1}40%{transform:translateY(-38vh) translateX(var(--drift)) scale(.85) rotate(var(--spin));opacity:.85}75%{transform:translateY(-72vh) translateX(calc(var(--drift) * 1.6)) scale(.45) rotate(calc(var(--spin) * 1.8));opacity:.35}to{transform:translateY(-100vh) translateX(calc(var(--drift) * 2.2)) scale(.1) rotate(calc(var(--spin) * 2.5));opacity:0}}:root{--bg-body:#09090e;--bg-panel:#0e0e14e0;--bg-card:#101018b3;--bg-element:#ffffff0a;--bg-input:#00000059;--bg-input-focus:#00000080;--bg-modal:#0e0e14fa;--bg-overlay:#000000b3;--bg-hover-light:#ffffff08;--bg-hover:#ffffff0f;--text-primary:#f0f0f5;--text-secondary:#8a8a98;--text-muted:#55555f;--btn-bg:#ffffff0f;--btn-text:#c8c8d2;--btn-border:#ffffff14;--btn-hover-bg:#fff;--btn-hover-text:#0d0d14;--btn-hover-border:#fff;--btn-hover-shadow:#ffffff1f;--border-subtle:#ffffff0d;--border-light:#ffffff14;--border-medium:#ffffff1f;--border-input:#ffffff14;--border-input-focus:#ffffff47;--logo-gradient:linear-gradient(120deg, #e63030 0%, #ff7a00 100%);--accent-nav:#ff7a00;--accent-color:#ff7a00;--accent-glow:#ff7a0026;--shadow-panel:0 32px 64px -16px #000000d9;--shadow-btn:0 8px 24px -4px #ffffff1f;--shadow-card:0 8px 32px -8px #0009;--shadow-card-hover:0 20px 48px -10px #000c;--orb1:#e6303012;--orb2:#ff7a000d;--orb3:#e630300a;--radius-card:18px;--radius-panel:22px;--radius-btn:10px;--radius-input:14px;--radius-badge:30px;--color-success:#50c878;--color-success-bg:#50c8781a;--color-success-border:#50c87847;--color-danger:#f04747;--color-danger-bg:#f047471a;--color-danger-border:#f0474747;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b47;--color-card:#141418;--stripe-gradient:linear-gradient(90deg, #e63030 0%, #ff7a00 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-body);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";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;position:fixed;inset:0}.app-container{max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{z-index:100;background:#111116;border-right:1px solid #ffffff0f;flex-direction:column;width:268px;height:100vh;padding:28px 0 0;display:flex;position:fixed;top:0;left:0}.sidebar-header{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;margin:0 10px 8px;padding:16px 18px}.logo{background:var(--logo-gradient);-webkit-text-fill-color:transparent;letter-spacing:-1.5px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:33px;font-weight:800;text-decoration:none;transition:opacity .2s;display:block}.logo:hover{opacity:.8}.logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:9.5px;font-weight:600}.nav-menu{scrollbar-width:none;flex:1;padding:20px 10px;overflow-y:auto}.nav-menu::-webkit-scrollbar{display:none}.nav-item{margin-bottom:3px}.nav-link{color:#fff;letter-spacing:-.1px;border-radius:14px;align-items:center;gap:12px;padding:12px 18px;font-size:17px;font-weight:500;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:flex}.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 0%,#ff7a0012 100%);border-left:3px solid #ff7a00;padding-left:15px;font-weight:600}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.5,.64,1);display:flex}.nav-icon svg{stroke:#fff;stroke-width:1.6px;fill:none;width:24px;height:24px}.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 0%,#ff7a00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.main-content{opacity:0;flex-direction:column;flex:1;width:calc(100% - 268px);max-width:calc(100vw - 268px);min-height:100vh;margin-left:268px;animation:.22s forwards mainFadeIn;display:flex;overflow-x:hidden}@keyframes mainFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.top-bar{z-index:90;background:#0f0f14;border-bottom:none;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:relative;top:0}.top-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#e6303080 15%,#ff7a00d9 50%,#e6303080 85%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.page-title{color:var(--text-primary);letter-spacing:-.4px;align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.page-title-icon{opacity:.75;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.page-title-icon svg{stroke:currentColor;stroke-width:1.6px;fill:none;width:22px;height:22px}.page-label{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.page-label svg{stroke:#fff;stroke-width:1.8px;fill:none;flex-shrink:0;width:26px;height:26px}.user-menu{align-items:center;gap:12px;display:flex}.user-info{background:var(--bg-element);border:1px solid var(--border-medium);cursor:pointer;border-radius:40px;align-items:center;gap:10px;padding:7px 14px 7px 10px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.user-info:hover{background:#ff7a0014;border-color:#ff7a0066;box-shadow:0 0 0 3px #ff7a0014}.user-avatar-mini{color:#fff;background:linear-gradient(135deg,#e63030,#ff7a00b3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.user-avatar-mini img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-text{flex-direction:column;line-height:1.2;display:flex}.user-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.user-role{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.user-role.admin{color:#f33}.user-role.funpay{color:#3f7}.user-role.moderator,.user-role.security{color:gold}.logout-btn{background:var(--btn-bg);color:var(--btn-text);border:2px solid var(--btn-border);border-radius:var(--radius-btn);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .22s}.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{flex:1;width:100%;max-width:100%;padding:24px 26px;overflow-x:hidden}.action-btn{border-radius:var(--radius-btn);cursor:pointer;background:var(--btn-bg);color:var(--btn-text);border:2px solid var(--btn-border);letter-spacing:-.1px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .22s}.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{color:#f04747;background:#f047471a;border-color:#f047474d}.action-btn.danger:hover{color:#fff;background:#f04747;box-shadow:0 8px 24px -4px #f0474759}.action-btn.success{color:#60d090;background:#50c8781a;border-color:#50c87847}.action-btn.success:hover{color:#fff;background:#50c878d9;box-shadow:0 8px 24px -4px #50c8784d}.action-btn.warning{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b47}.action-btn.warning:hover{color:#fff;background:#f59e0b;box-shadow:0 8px 24px -4px #f59e0b4d}.action-btn.primary{color:var(--accent-color);background:#ff7a001f;border-color:#ff7a0040}.action-btn.primary:hover{background:var(--accent-color);color:#fff;box-shadow:0 8px 24px -4px #ff7a0059}.action-btn.secondary{color:var(--text-secondary);border-color:var(--border-medium);background:0 0}.action-btn.secondary:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border)}.top-loader{z-index:9999;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 0%,#e6303099 20%,#ff7a00f2 50%,#e6303099 80%,#0000 100%);border-radius:0 2px 2px 0;width:0%;height:2px;transition:width .45s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:0;left:0}.top-loader.loading{opacity:1;width:80%}.top-loader.done{opacity:0;width:100%;transition:width .18s,opacity .4s 80ms}.card{transition:transform .24s cubic-bezier(.34,1.2,.64,1),box-shadow .24s,border-color .2s,background .2s!important}.card:hover{box-shadow:var(--shadow-card-hover)!important;border-color:#ffffff1a!important;transform:translateY(-4px)!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:.28s both contentFadeIn}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{pointer-events:none;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:8px;animation:1.6s infinite shimmer;color:#0000!important}.modal{background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-content{background:var(--bg-modal);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-panel);border:1px solid var(--border-subtle);width:92%;max-width:500px;box-shadow:var(--shadow-panel);padding:30px;animation:.24s cubic-bezier(.34,1.3,.64,1) both modalContentIn;position:relative;overflow:hidden}.modal-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff05 0%,#0000 70%);position:absolute;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.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;box-shadow:var(--shadow-panel);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent;flex-direction:column;gap:18px;max-height:90vh;padding:28px;transition:transform .24s cubic-bezier(.34,1.3,.64,1);display:flex;overflow-y:auto;transform:scale(.94)translateY(12px)}.modal-overlay.active .modal-box{transform:scale(1)translateY(0)}.modal-title{color:var(--text-primary);letter-spacing:-.02em;font-size:17px;font-weight:700}@keyframes modalContentIn{0%{opacity:0;transform:scale(.94)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal.active .modal-content{animation:.24s cubic-bezier(.34,1.3,.64,1) both modalContentIn}.modal-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex;position:relative}.modal-header h3{color:var(--text-primary);letter-spacing:-.4px;margin-bottom:4px;font-size:20px;font-weight:700}.modal-header p{color:var(--text-secondary);font-size:13px}.modal-body{z-index:1;position:relative}.modal-actions{z-index:1;justify-content:flex-end;gap:10px;display:flex;position:relative}.modal-btn{border-radius:var(--radius-btn);cursor:pointer;border:2px solid var(--btn-border);letter-spacing:-.1px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:all .22s}.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{color:var(--text-secondary);border-color:var(--border-medium);background:0 0}.modal-btn.cancel:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border)}.modal-btn.danger{color:#f04747;background:#f047471a;border-color:#f0474747}.modal-btn.danger:hover{color:#fff;background:#f04747;box-shadow:0 8px 24px -4px #f0474759}.modal-btn.warning{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b47}.modal-btn.warning:hover{color:#fff;background:#f59e0b}.modal-btn.success{color:#60d090;background:#50c8781a;border-color:#50c87847}.modal-btn.success:hover{color:#0a1a10;background:#50c878d9}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:26px;line-height:1;transition:all .2s;display:flex}.modal-close:hover{color:#f04747;background:#f0474714}.modal-action-group{background:var(--bg-element);border:1px solid var(--border-subtle);border-radius:14px;padding:16px}.modal-action-title{color:var(--text-primary);margin-bottom:12px;font-size:13.5px;font-weight:600}.modal-buttons{flex-wrap:wrap;gap:10px;display:flex}.edit-shift-row{background:var(--bg-element);border:1px solid var(--border-subtle);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;transition:border-color .2s;display:flex}.edit-shift-row:focus-within{border-color:var(--border-input-focus)}.edit-shift-time{min-width:62px;color:var(--text-secondary);letter-spacing:.3px;font-size:12px;font-weight:600}.edit-shift-input{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-primary);border-radius:10px;outline:none;flex:1;padding:9px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s}.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{border:1px solid var(--border-subtle);background:var(--bg-element);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent;border-radius:14px;max-height:240px;margin-bottom:18px;overflow-y:auto}.selected-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:11px 16px;font-size:13.5px;display:flex}.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{color:var(--text-secondary);background:var(--bg-element);word-break:break-word;border-radius:10px;margin-bottom:8px;padding:8px 10px;font-size:11px;line-height:1.7}.players-list span{cursor:pointer;border-radius:4px;padding:1px 3px;transition:color .15s}.players-list span:hover{color:var(--accent-color)}.players-list span.copied{color:#60d090}.progress-bar{background:var(--border-subtle);border-radius:2px;width:100%;height:2px;margin:14px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-color), #ff7070);border-radius:2px;height:100%;transition:width .3s}.delete-timer{color:#f04747;letter-spacing:.3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:12.5px}.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{-webkit-backdrop-filter:blur(12px);color:#0a1a10;border-radius:var(--radius-btn);z-index:2000;letter-spacing:.1px;background:#50c878eb;border:1px solid #ffffff1f;padding:10px 20px;font-size:13px;font-weight:700;transition:opacity .28s,transform .28s;animation:.22s cubic-bezier(.34,1.4,.64,1) both notifIn;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 28px #0006}.copy-notification.hiding{opacity:0;transform:translateY(8px)scale(.96)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:2.5px solid var(--border-medium);border-top-color:var(--accent-color);border-radius:50%;width:36px;height:36px;animation:.9s ease-in-out infinite spin;display:inline-block}.loading-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;border-radius:var(--radius-panel);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=768px){.sidebar{width:0;transform:translate(-100%)}.main-content{width:100%;max-width:100vw;margin-left:0}}.sidebar-footer{margin-top:auto;padding:0 10px 12px}.sb-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:12px;padding:16px 16px 14px;display:flex}.sb-user{cursor:pointer;background:linear-gradient(#111116,#111116) padding-box padding-box,linear-gradient(120deg,#e63030,#ff7a00) border-box;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 11px;text-decoration:none;transition:opacity .18s;display:flex}.sb-user:hover{opacity:.85}.sb-avatar{color:#fff;background:linear-gradient(135deg,#e63030,#ff7a00b3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.sb-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sb-user-info{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.sb-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sb-role{white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.sbr-admin{color:#f33}.sbr-funpay{color:#3f7}.sbr-security{color:gold}.sbr-support{color:#ff7a00}.sb-logout{color:#f04747;cursor:pointer;background:#f047471a;border:2px solid #f047474d;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;display:flex}.sb-logout:hover{color:#fff;background:#f04747;border-color:#f04747;box-shadow:0 0 16px #f0474759}.sb-logout svg{flex-shrink:0}.hidden{display:none!important}#root{min-height:100vh}html{overflow-y:scroll}:root{--ft-red:#e63030;--ft-orange:#ff7a00;--ft-orange-lt:#ffa040;--ft-grad:linear-gradient(120deg, #e63030 0%, #ff7a00 100%);--ft-grad-btn:linear-gradient(120deg, #cc2828 0%, #e86800 100%);--ft-grad-hover:linear-gradient(120deg, #e63030 0%, #ff9020 100%)}.login-page{background-color:#080810;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.bg-layer{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-layer:before{content:"";background:radial-gradient(70% 55% at 10% 15%,#c81e1e1a 0%,#0000 60%),radial-gradient(55% 65% at 90% 80%,#ff6e0014 0%,#0000 60%),radial-gradient(40% 40% at 50% 100%,#b414140f 0%,#0000 70%);position:absolute;inset:0}.bg-layer:after{content:"";background:radial-gradient(circle,#dc28280a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:6s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.login-wrap{z-index:3;width:100%;max-width:440px;padding:0 16px;animation:.5s cubic-bezier(.34,1.2,.64,1) both cardIn;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card{-webkit-backdrop-filter:blur(24px);background:#0b0b11eb;border:1px solid #ffffff12;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px #e630300f,0 32px 80px -16px #000000e6,0 0 60px -20px #e630301f}.card-top-bar{background:var(--ft-grad);height:3px;box-shadow:0 0 20px 2px #e6303066}.card-body{padding:44px 40px 36px}.login-header{text-align:center;margin-bottom:38px;animation:.5s .1s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-header h1{letter-spacing:-1.5px;background:var(--ft-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:800}.login-header p{color:#55555f;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600}.divider{background:linear-gradient(90deg,#0000,#ffffff0f 30%,#e6303026 50%,#ffffff0f 70%,#0000);height:1px;margin-bottom:30px}.form-group{margin-bottom:18px;animation:.4s both fadeUp}.form-group:first-child{animation-delay:.15s}.form-group:nth-child(2){animation-delay:.2s}.form-group label{color:#5a5a68;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.input-wrap{position:relative}.input-wrap .input-icon{stroke:#3a3a48;stroke-width:1.8px;fill:none;pointer-events:none;width:21px;height:21px;transition:stroke .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-group input{color:#e8e8f0;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;outline:none;width:100%;padding:14px 18px 14px 44px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.form-group input::placeholder{color:#2e2e3a;font-size:14px}.form-group input:-webkit-autofill{-webkit-text-fill-color:#e8e8f0!important;caret-color:#e8e8f0!important;-webkit-box-shadow:inset 0 0 0 100px #0b0b11fa!important}.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#e8e8f0!important;caret-color:#e8e8f0!important;-webkit-box-shadow:inset 0 0 0 100px #0b0b11fa!important}.form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#e8e8f0!important;caret-color:#e8e8f0!important;-webkit-box-shadow:inset 0 0 0 100px #0b0b11fa!important}.form-group input:focus{background:#e630300a;border-color:#e6303066;box-shadow:0 0 0 3px #e6303014}.input-wrap:focus-within .input-icon{stroke:#ff7a008c}.error-message{color:#ff8080;text-align:center;background:#b414141f;border:1px solid #e6303038;border-radius:12px;margin-bottom:18px;padding:11px 16px;font-size:13px;font-weight:500;animation:.2s fadeUp}.login-btn{background:var(--ft-grad-btn);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:14px;width:100%;margin-top:8px;padding:15px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .22s,box-shadow .22s,opacity .22s;animation:.4s .25s both fadeUp;position:relative;overflow:hidden;box-shadow:0 8px 28px -6px #e6303073}.login-btn:before{content:"";background:var(--ft-grad-hover);opacity:0;transition:opacity .22s;position:absolute;inset:0}.login-btn:hover:not(:disabled):before{opacity:1}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 36px -6px #e630308c}.login-btn:active:not(:disabled){transform:translateY(0)scale(.99);box-shadow:0 4px 16px -4px #e6303066}.login-btn:disabled{opacity:.55;cursor:not-allowed}.btn-text{z-index:1;position:relative}.spinner{vertical-align:middle;z-index:1;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block;position:relative}.vk-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;background:#07f;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px 20px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;animation:.4s .3s both fadeUp;display:flex;box-shadow:0 8px 28px -6px #07f6}.vk-btn:hover{background:#06d;transform:translateY(-1px);box-shadow:0 12px 36px -6px #0077ff8c}.vk-btn:active{transform:translateY(0)scale(.99)}.vk-btn svg{flex-shrink:0}.or-divider{align-items:center;gap:12px;margin:16px 0 6px;animation:.4s .28s both fadeUp;display:flex}.or-divider:before,.or-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.or-divider span{color:#3a3a48;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.login-footer{border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:6px;margin-top:28px;padding-top:22px;animation:.4s .35s both fadeUp;display:flex}.login-footer a{color:#3a3a48;letter-spacing:.2px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.login-footer a:hover{color:var(--ft-orange-lt)}.login-footer .sep{color:#222230;font-size:12px}.bg-blur{pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(6px);background:#0808102e;position:fixed;inset:0}.particles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.spark{opacity:0;will-change:transform, opacity;border-radius:50% 50% 30% 30%;animation:linear infinite sparkRise;position:absolute;bottom:-10px}