:root{--bg-color:#0d1117;--text-color:#e6edf3;--text-color-muted:#848d97;--hero-bg-start:rgba(2, 27, 51, 0.3);--hero-bg-end:rgba(20, 0, 41, 0.3);--card-bg:rgba(22, 27, 34, 0.7);--card-border:rgba(255, 255, 255, 0.1);--url-bg:#161b22;--button-bg:#007aff;--button-hover-bg:#0056b3;--particle-bg:rgba(192, 192, 192, 0.6);--error-color:#f87171;--success-color:#4ade80}html[data-theme=light]{--bg-color:#fafbfc;--text-color:#24292f;--text-color-muted:#57606a;--hero-bg-start:rgba(240, 245, 250, 0.6);--hero-bg-end:rgba(245, 245, 250, 0.6);--card-bg:rgba(252, 253, 254, 0.95);--card-border:rgba(0, 0, 0, 0.06);--url-bg:#f8f9fa;--button-bg:#e8e9ea;--button-hover-bg:#d8d9da;--particle-bg:rgba(0, 0, 0, 0.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Monaco,Menlo,'SF Mono','Roboto Mono','Source Code Pro','Fira Code','JetBrains Mono',Consolas,monospace;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;position:relative;min-height:100vh;transition:background-color .3s ease,color .3s ease}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 50% 50%,var(--hero-bg-start),transparent 70%),radial-gradient(circle at 10% 20%,var(--hero-bg-end),transparent 70%),radial-gradient(circle at 90% 80%,var(--hero-bg-start),transparent 70%);animation:background-pan 30s linear infinite}@keyframes background-pan{0%{background-position:0 0}100%{background-position:100% 100%}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.particle{position:absolute;background:var(--particle-bg);border-radius:50%;animation:float 25s infinite linear;box-shadow:0 0 10px rgba(255,255,255,.3)}@keyframes float{0%{transform:translateY(100vh) translateX(0) scale(.5) rotate(0);opacity:0}10%{opacity:1}25%{transform:translateY(75vh) translateX(20px) scale(.8) rotate(90deg)}50%{transform:translateY(50vh) translateX(-15px) scale(1.2) rotate(180deg)}75%{transform:translateY(25vh) translateX(10px) scale(1.4) rotate(270deg)}90%{opacity:1}100%{transform:translateY(-100vh) translateX(0) scale(1.5) rotate(360deg);opacity:0}}.bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.5) 0,rgba(255,255,255,.3) 30%,rgba(255,255,255,.1) 60%,transparent 100%);border:2px solid rgba(255,255,255,.3);animation:bubble-float 20s infinite ease-in-out;opacity:0;transform:translateY(100vh) translateX(0) scale(0);box-shadow:0 0 20px rgba(255,255,255,.2),inset 0 0 30px rgba(255,255,255,.1),inset -20px -20px 40px rgba(0,0,0,.05);backdrop-filter:blur(1px)}.bubble::before{content:'';position:absolute;top:15%;left:20%;width:35%;height:35%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0,rgba(255,255,255,.3) 50%,transparent 100%);filter:blur(3px);animation:bubble-shimmer 3s ease-in-out infinite}.bubble::after{content:'';position:absolute;top:25%;left:30%;width:20%;height:20%;border-radius:50%;background:rgba(255,255,255,.6);filter:blur(2px);animation:bubble-shimmer 2s ease-in-out infinite .5s}@keyframes bubble-shimmer{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes bubble-float{0%{transform:translateY(100vh) translateX(0) scale(0) rotate(0);opacity:0}10%{opacity:.7}25%{transform:translateY(75vh) translateX(30px) scale(.8) rotate(5deg)}50%{transform:translateY(50vh) translateX(-20px) scale(1) rotate(-5deg)}75%{transform:translateY(25vh) translateX(15px) scale(1.1) rotate(3deg)}90%{opacity:.7}100%{transform:translateY(-20vh) translateX(0) scale(1.2) rotate(0);opacity:0}}.back-btn{position:fixed;top:20px;left:20px;z-index:100;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);width:40px;height:40px;border-radius:20px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);padding:0}.back-btn:hover{background-color:var(--url-bg);transform:scale(1.05)}.back-btn svg{width:20px;height:20px}.top-controls{display:none}.console-nav-right .control-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);min-width:36px;height:36px;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-size:.9rem;display:flex;justify-content:center;align-items:center;padding:0 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html[data-theme=light] .console-nav-right .control-btn{background:rgba(240,241,242,.8);border:1px solid rgba(220,221,222,.6);color:rgba(51,65,85,.8)}.console-nav-right .control-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:#fff;transform:translateY(-2px) scale(1.05)}html[data-theme=light] .console-nav-right .control-btn:hover{background:rgba(230,231,232,.9);border-color:rgba(210,211,212,.7);color:#1e293b}.console-nav-right #lang-toggle{font-size:.85rem;font-weight:600}.console-nav-right .user-menu{margin-left:8px}.console-nav-right .user-menu-trigger{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);padding:6px 12px;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:36px;font-size:.9rem}html[data-theme=light] .console-nav-right .user-menu-trigger{background:rgba(240,241,242,.8);border:1px solid rgba(220,221,222,.6);color:rgba(51,65,85,.8)}.console-nav-right .user-menu-trigger:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:#fff;transform:translateY(-2px) scale(1.05)}html[data-theme=light] .console-nav-right .user-menu-trigger:hover{background:rgba(230,231,232,.9);border-color:rgba(210,211,212,.7);color:#1e293b}.console-nav-right .user-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,rgba(240,245,250,.6) 0,rgba(230,235,240,.7) 100%);display:flex;align-items:center;justify-content:center;color:#1e293b;font-size:.75rem;font-weight:600}.console-nav-right .user-name{font-weight:500}.console-nav-right .user-menu-chevron{font-size:.7rem;opacity:.7}.user-menu{position:relative;display:flex;align-items:center}.user-menu-trigger{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);padding:6px 14px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.user-menu-trigger:hover{background:var(--url-bg);transform:translateY(-1px)}.user-menu-chevron{font-size:.75rem;color:var(--text-color-muted);transition:transform .2s ease}.user-menu-open .user-menu-chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 25px 50px -12px rgba(15,23,42,.35);padding:16px;display:none;flex-direction:column;gap:12px;z-index:300}.user-menu-open .user-menu-dropdown{display:flex}.user-menu-summary{display:flex;flex-direction:column;gap:4px}.user-group-label{font-size:.85rem;color:var(--text-color-muted)}.user-group-value{font-weight:600;color:var(--text-color)}.logout-btn{align-self:flex-start}.console-top-nav{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:0 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.console-nav-left{display:flex;align-items:center;gap:6px}.console-nav-right{display:flex;align-items:center;gap:10px}.console-nav-item{position:relative;padding:10px 20px;border-radius:10px;border:none;background:0 0;color:rgba(255,255,255,.7);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;gap:8px;text-decoration:none;transform:translateY(0) scale(1)}html[data-theme=light] .console-nav-item{color:rgba(51,65,85,.75)}.console-nav-item svg{width:18px;height:18px;opacity:.7;transition:all .4s cubic-bezier(.4, 0, .2, 1);transform:scale(1);will-change:transform,opacity}.console-nav-item:hover{color:#fff;background:rgba(240,245,250,.15);transform:translateY(-2px)}html[data-theme=light] .console-nav-item:hover{color:#1e293b;background:rgba(200,201,202,.95);border:1px solid rgba(180,181,182,.8);font-weight:600}.console-nav-item:hover svg{opacity:1;transform:scale(1.1)}.console-nav-item.active{color:#fff;background:linear-gradient(135deg,rgba(240,245,250,.3) 0,rgba(230,235,240,.3) 100%);box-shadow:0 4px 20px rgba(240,245,250,.3);transform:translateY(-2px) scale(1.02)}html[data-theme=light] .console-nav-item.active{color:#1e293b;background:linear-gradient(135deg,#c8c9ca 0,#b8b9ba 100%);box-shadow:0 4px 20px rgba(150,151,152,.4);font-weight:600}.console-nav-item.active svg{opacity:1;transform:scale(1.15)}.console-nav-item.active::before{content:'';position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(135deg,rgba(240,245,250,.2),rgba(230,235,240,.2));opacity:0;animation:nav-glow 2s ease-in-out infinite;z-index:-1}@keyframes nav-glow{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.console-page main,body:has(.console-top-nav) main{margin-top:72px}.console-page{animation:page-fade-in .6s cubic-bezier(.4,0,.2,1)}.console-page main{animation:content-slide-in .6s cubic-bezier(.4,0,.2,1)}@keyframes page-fade-in{from{opacity:0}to{opacity:1}}@keyframes content-slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;animation:fade-in .3s ease}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px)}.modal-content{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:40px;width:90%;max-width:420px;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:slide-in-up .4s cubic-bezier(.25,.8,.25,1)}.close-modal-btn{position:absolute;top:15px;right:15px;background:0 0;border:none;color:var(--text-color-muted);font-size:2rem;line-height:1;cursor:pointer;transition:transform .2s}.close-modal-btn:hover{transform:scale(1.2);color:var(--text-color)}.auth-tabs{display:flex;border-bottom:1px solid var(--card-border);margin-bottom:25px}.auth-tab{flex-grow:1;padding:15px;text-align:center;cursor:pointer;border:none;background:0 0;color:var(--text-color-muted);font-size:1.1rem;font-weight:600;position:relative;transition:color .3s}.auth-tab::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--button-bg);transform:scaleX(0);transition:transform .3s ease}.auth-tab.active{color:var(--text-color)}.auth-tab.active::after{transform:scaleX(1)}.auth-form-container{display:none}.auth-form-container.active{display:block}.auth-form h3{font-size:1.8rem;margin-bottom:20px;text-align:center;font-weight:600}.form-group{margin-bottom:20px}.form-input{width:100%;padding:12px 15px;background-color:var(--url-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:0;border-color:var(--button-bg);box-shadow:0 0 0 3px rgba(0,122,255,.3)}.password-field{position:relative}.password-field .form-input{padding-right:44px}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:var(--text-color-muted);display:flex;align-items:center;justify-content:center;padding:4px;line-height:0;transition:color .2s ease}.password-toggle:hover{color:var(--text-color)}.password-toggle:focus-visible{outline:2px solid var(--button-bg);outline-offset:2px}.password-toggle svg{width:20px;height:20px}.password-toggle .icon-eye-off{display:none}.password-toggle.is-visible .icon-eye{display:none}.password-toggle.is-visible .icon-eye-off{display:block}.remember-group{display:flex;align-items:center}.remember-me{display:inline-flex;align-items:center;gap:8px;color:var(--text-color);font-size:.95rem}.remember-me input{width:auto}.form-submit-btn{width:100%;padding:15px;background-color:var(--button-bg);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s,opacity .3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.form-submit-btn:hover:not(:disabled){background-color:var(--button-hover-bg);transform:translateY(-2px)}.form-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}html[data-theme=light] .form-submit-btn{color:#1e293b}.form-submit-btn.loading{opacity:.8;pointer-events:none}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.form-message{text-align:center;margin-top:15px;font-size:.9rem;min-height:1.2em}.form-message.error{color:var(--error-color)}.form-message.success{color:var(--success-color)}.user-avatar{width:24px;height:24px;border-radius:50%;background:var(--button-bg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-transform:uppercase}.user-name{font-size:.9rem;color:var(--text-color);margin-right:8px}.logout-btn{background:0 0;border:none;color:var(--text-color-muted);cursor:pointer;font-size:.8rem;padding:4px 8px;border-radius:4px;transition:all .2s}.logout-btn:hover{background-color:rgba(255,0,0,.1);color:#f44}