@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{--login-footer-link: rgba(255,255,255,.9)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg);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(.22,1,.36,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:calc(var(--radius-panel) + 3px);background:#4a4a5a;z-index:-1}.login-card{background:var(--surface);border-radius:var(--radius-panel);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)}}.login-header h1{font-size:36px;font-weight:800;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase;color:var(--text)}.login-header p{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:2px}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 30%,rgba(255,255,255,.1) 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:16px;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}.input-wrap--with-toggle input{padding-right:44px}.toggle-pass{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#ffffff59;transition:color .2s;display:flex;align-items:center;justify-content:center;z-index:2;line-height:0}.toggle-pass:hover{color:#ffffffbf}.toggle-pass svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none}@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:36px;right:36px;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:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.75);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;z-index:0;animation:fadeUp .4s ease .25s both;transition:color .9s cubic-bezier(.3,1,.8,1),border-color .3s ease,transform .15s ease}.login-btn:before{content:"";position:absolute;top:-2px;left:-65%;width:210%;height:calc(100% + 4px);background:#fff;transform:skew(30deg) translate3d(-105%,0,0);transition:transform .9s cubic-bezier(.3,1,.8,1);z-index:-1}.login-btn:hover:not(:disabled):before,.login-btn.locked:before{transform:skew(30deg) translateZ(0)}.login-btn:hover:not(:disabled),.login-btn.locked{color:#0d0d14;border-color:#fff}.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}@keyframes spin{to{transform:rotate(360deg)}}.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:-2px;left:-10%;width:120%;height:calc(100% + 4px);background:#07070e;transform:skew(30deg);transition:transform .9s 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:#ffffff38;font-weight:500}.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:#ffffff40;text-decoration:none;font-weight:500;transition:color .2s;letter-spacing:.2px}.login-footer a:hover{color:var(--login-footer-link)}.login-footer .sep{color:#ffffff1a;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)}}.ws-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:var(--bg);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;color:#fff;animation:wsTextReveal 1.04s ease 1.36s both}*,*: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;--surface-sidebar: #141414;--ash-1: #d0d0da;--ash-2: #8c8c9e;--ash-3: #54546a;--ash-4: #2c2c3c;--accent: #e84040;--accent-2: #ff6b20;--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;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 26px;--role-superadmin: #A855F7;--role-admin: #EF4444;--role-funpay: #4ADE80;--role-security: #FACC15;--role-support: #EF4444;--role-agent: #A0A0B0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-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}:root{--z-sticky: 50;--z-dropdown: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-top: 500}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;border-radius:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--radius-card: 18px;--radius-panel: 22px;--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-info: #38bdf8;--color-info-bg: rgba(56, 189, 248, .1);--color-info-border: rgba(56, 189, 248, .28)}.content-container{padding:24px 26px;flex:1;overflow-y:auto}.toggle-pass .eye-open{display:block}.toggle-pass .eye-close,.toggle-pass.visible .eye-open{display:none}.toggle-pass.visible .eye-close{display:block}@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}.role-superadmin{color:var(--role-superadmin)}.role-admin{color:var(--role-admin)}.role-funpay{color:var(--role-funpay)}.role-security{color:var(--role-security)}.role-support{color:var(--role-support)}.role-agent{color:var(--role-agent)}@keyframes modalIn{0%{opacity:0;transform:scale(.94) 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(.94) translateY(12px)}}