*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(180deg, var(--page-bg) 0%, var(--page-bg-alt) 100%);min-height:100vh;color:var(--text-color);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit}button,input{font:inherit}:root{color:#d8dee9;--background-color:#242933;--sub-color:#617b94;--sub-alt-color:#1b1f27;--text-color:#d8dee9;--nulled-text-color:#bbc4dd;--error-color:#bf616a;--b:#1b577770;--r:#85101070;--r-alt:#bf616a;--g:#a3be8c;--g-alt:#5cb85c;--font:"Roboto Mono", monospace;--blue-g1:#8fbcbb;--blue-g2:#88c0d0;--blue-g3:#81a1c1;--blue-g4:#5e81ac;--blue-g5:#414b5c;--teal:#9ecaed;--red:#bf616a;--orange:#d08770;--yellow:#ebcb8b;--green:#a3be8c;--purple:#b48ead;--black:#000;--navy-blue:#1b1464;--royal-blue:#1b347e;--platinum:#b4b4b4;--ash:#e6e6e6;--page-bg:#171b22;--page-bg-alt:#11151b;--card-bg:#282e3af5;--card-border:#7491b02e;--card-shadow:0 24px 70px #00000073;--tab-bg:#6e87a2;--tab-active-start:#8dc5d8;--tab-active-end:#7aa6bf;--field-bg:#161a23eb;--field-border:#85a1bfbf;--field-text:#eef4fb;--field-placeholder:#e8eef773;background-color:#242933;font-family:Roboto Mono,monospace}body{color:#f5f5f5;background-color:#16191f;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;display:flex}.auth-page{justify-content:center;width:100%;display:flex}.auth-container{background-color:var(--background-color);box-shadow:0 5px 15px var(--b);text-align:center;box-sizing:border-box;border-radius:10px;width:100%;max-width:550px;padding:30px 40px}.auth-title{color:var(--text-color);margin:0 0 25px;font-size:1.8em}.auth-container h2{color:var(--text-color);margin-bottom:20px;font-size:1.3em;font-weight:400}.tab-navigation{background-color:var(--background-color);border-radius:8px;margin-bottom:30px;display:flex;overflow:hidden}.tab-button{background-color:var(--sub-alt-color);color:var(--text-color);cursor:pointer;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 20px;font-size:1em;transition:all .3s}.tab-button:hover{background-color:var(--blue-g2);color:var(--text-color)}.tab-button.active{background-color:var(--sub-color);color:var(--text-color);border-bottom-color:var(--sub-color)}.auth-panel{animation:.3s ease-in-out fadeIn;display:none}.auth-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{text-align:left;margin-bottom:20px}.form-group label,.auth-form label{color:var(--text-color);text-align:left;margin-bottom:5px;font-size:.9em;font-weight:500;display:block}input[type=text],input[type=password],input[type=email]{border:1px solid var(--sub-color);background-color:var(--sub-alt-color);width:100%;color:var(--text-color);box-sizing:border-box;border-radius:5px;padding:12px;font-size:1em;transition:border-color .3s,box-shadow .3s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:var(--ash);outline:none;box-shadow:0 0 8px #b39ddb66}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder{color:#888}.auth-button{background-color:var(--sub-color);color:var(--text-color);cursor:pointer;box-sizing:border-box;border:none;border-radius:5px;width:100%;margin-top:10px;padding:12px 25px;font-size:1.1em;font-weight:600;transition:all .3s}.auth-button:hover:not(:disabled){background-color:var(--blue-g2);transform:translateY(-2px);box-shadow:0 4px 12px #7fdbda4d}.auth-button:disabled{cursor:not-allowed;box-shadow:none;background-color:#666;transform:none}.auth-divider{color:var(--text-color);align-items:center;gap:12px;margin:18px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#d8dee940;flex:1;height:1px}.error-message{color:var(--error-color);text-align:center;min-height:1.2em;margin-top:10px;margin-bottom:15px;font-size:.9em;font-weight:500}.success-message{color:var(--green);text-align:center;min-height:1.2em;margin-top:10px;margin-bottom:15px;font-size:.9em;font-weight:500}@media (width<=768px){.auth-container{max-width:350px;padding:20px}.auth-title{font-size:1.5em}.auth-container h2{font-size:1.1em}.tab-button{padding:10px 15px;font-size:.9em}.auth-button{padding:10px 20px;font-size:1em}.form-group label,.auth-form label{font-size:.85em}input[type=text],input[type=password],input[type=email]{padding:10px;font-size:.9em}}@media (width<=480px){.auth-container{margin:10px;padding:15px}.tab-navigation{margin-bottom:20px}.form-group{margin-bottom:15px}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--background-color,#1e1e1e);border:1px solid var(--sub-color,#333);opacity:0;pointer-events:auto;cursor:grab;border-left:4px solid;border-radius:8px;min-width:250px;max-width:350px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:translate(100%);box-shadow:0 4px 12px #0000004d}.toast:active{cursor:grabbing}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(100%)}.toast-success{background:linear-gradient(135deg, #4caf501a, var(--background-color,#1e1e1e));border-left-color:#4caf50}.toast-error{background:linear-gradient(135deg, #f443361a, var(--background-color,#1e1e1e));border-left-color:#f44336}.toast-warning{background:linear-gradient(135deg, #ff98001a, var(--background-color,#1e1e1e));border-left-color:#ff9800}.toast-info{border-left-color:var(--blue-g3,#00bcd4);background:linear-gradient(135deg, #00bcd41a, var(--background-color,#1e1e1e))}.toast-content{align-items:flex-start;gap:12px;display:flex}.toast-icon{flex-shrink:0;margin-top:2px;font-size:18px}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-warning .toast-icon{color:#ff9800}.toast-info .toast-icon{color:var(--blue-g3,#00bcd4)}.toast-message{color:var(--text-color,#fff);word-wrap:break-word;flex:1;font-size:14px;line-height:1.4}.toast-title{color:var(--text-color,#fff);margin-bottom:4px;font-weight:600}.toast-close{color:var(--nulled-text-color,#999);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.toast-close:hover{color:var(--text-color,#fff);background:#ffffff1a}.toast-progress{background:var(--blue-g3,#00bcd4);border-radius:0 0 8px 8px;height:3px;transition:width linear;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:#4caf50}.toast-error .toast-progress{background:#f44336}.toast-warning .toast-progress{background:#ff9800}.toast-info .toast-progress{background:var(--blue-g3,#00bcd4)}@media (width<=768px){.toast-container{align-items:stretch;top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:none;transform:translateY(-100%)}.toast.show{transform:translateY(0)}.toast.hide{transform:translateY(-100%)}}