@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#060;--secondary:#39f;--success:#3c3;--bg:#f8f9fa;--surface:#fff;--text:#1a1a1a;--text-h:var(--primary);--text-secondary:#666;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:var(--primary);--accent-bg:#0066001a;--accent-border:#00660080;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}html.dark-theme{--primary:#39f;--secondary:#3c3;--subtle-brand:#004d00;--bg:#121212;--surface:#1e1e1e;--text:#fff;--text-h:var(--text);--text-secondary:#b3b3b3;--border:#2e303a;--code-bg:#1f2028;--accent:var(--primary);--accent-bg:#3399ff26;--accent-border:#3399ff80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}html.dark-theme #social .button-icon{filter:invert()brightness(2)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}::-webkit-scrollbar-corner{background:0 0}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}:is(#root:has(.admin-dashboard-container),#root:has(.login-container)){border-inline:none;width:100%;max-width:100%;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root:has(.login-container){border-inline:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0}.login-container{background-color:var(--bg);min-height:100vh;color:var(--text);box-sizing:border-box;flex-direction:column;font-family:Outfit,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.login-visual-pane{color:#fff;box-sizing:border-box;background:radial-gradient(circle at 18% 20%,#00996659 0%,#0000 45%),radial-gradient(circle at 85% 80%,#3399ff4d 0%,#0000 45%),linear-gradient(135deg,#0a1f1a 0%,#0d1117 55%,#06131f 100%);flex-direction:column;justify-content:center;min-height:240px;padding:2rem 1.5rem;display:none;position:relative;overflow:hidden}.mobile-brand-header{justify-content:center;align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.mobile-brand-header .brand-dot{background:var(--secondary);width:12px;height:12px;box-shadow:0 0 12px var(--secondary);border-radius:50%}.mobile-brand-header .brand-name{letter-spacing:1px;color:var(--primary);text-transform:lowercase;padding-bottom:2px;font-size:1.5rem;font-weight:700;line-height:1.45}.visual-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 80%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 80%)}.visual-overlay{z-index:1;background:linear-gradient(#06131f26 0%,#0a11178c 100%);position:absolute;inset:0}html.dark-theme .visual-overlay{background:linear-gradient(#06131f33 0%,#0a111799 100%)}.visual-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.brand-logo-container{align-items:center;gap:8px;display:flex}.brand-dot{background:var(--secondary);width:12px;height:12px;box-shadow:0 0 12px var(--secondary);border-radius:50%}.brand-name{letter-spacing:2px;background:linear-gradient(to right, #fff, var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.login-visual-pane .brand-name{-webkit-text-fill-color:currentColor;color:#fff;letter-spacing:1px;background:0 0;padding-bottom:2px;font-size:1.4rem;font-weight:700;line-height:1.45}.visual-slogan-box{animation:.8s cubic-bezier(.16,1,.3,1) slideInUp}.visual-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;margin-bottom:.75rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.tech-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.tech-chip{color:#e8f0ee;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:8px;padding:.4rem .85rem;font-size:.8rem;font-weight:500}.visual-title{color:#fff;margin:0 0 .5rem;font-size:1.75rem;font-weight:700;line-height:1.2}.visual-subtitle{opacity:.85;color:#f8f9fa;margin:0;font-size:.95rem;font-weight:300;line-height:1.5}.visual-footer{display:none}.login-form-pane{background-color:var(--bg);box-sizing:border-box;flex:1;justify-content:center;padding:2.5rem 1.5rem;display:flex}.form-card-wrapper{flex-direction:column;gap:1.25rem;width:100%;max-width:420px;margin-block:auto;animation:.8s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.form-header{margin-bottom:.25rem}.form-title{color:var(--text);letter-spacing:-.5px;margin:0 0 .25rem;font-size:1.85rem;font-weight:700}.form-subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.login-form{flex-direction:column;gap:1.15rem;display:flex}.input-group{position:relative}.input-field-container{width:100%;position:relative}.form-input{border:1.5px solid var(--border);background-color:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:1.1rem 1rem .9rem;font-size:1rem;transition:all .25s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #3399ff26}.floating-label{color:var(--text-secondary);pointer-events:none;background-color:#0000;padding:0 4px;font-size:1rem;transition:all .25s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-input:focus~.floating-label,.form-input:not(:placeholder-shown)~.floating-label,.form-input.has-value~.floating-label{background-color:var(--bg);color:var(--primary);font-size:.8rem;font-weight:500;top:0;transform:translateY(-50%)}.password-container{align-items:center;display:flex}.password-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:1rem}.password-toggle-btn:hover{color:var(--primary)}.password-toggle-btn svg{width:20px;height:20px}.form-options{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.remember-me-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative}.remember-me-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{background-color:var(--surface);border:1.5px solid var(--border);border-radius:4px;width:18px;height:18px;margin-right:8px;transition:all .2s;position:relative}.remember-me-checkbox input:checked~.checkbox-custom{background-color:var(--primary);border-color:var(--primary)}.checkbox-custom:after{content:"";border:solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;display:none;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.remember-me-checkbox input:checked~.checkbox-custom:after{display:block}.checkbox-label{color:var(--text-secondary)}.remember-me-checkbox:hover .checkbox-label{color:var(--text)}.forgot-password-link{font:inherit;cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0;font-weight:500;line-height:1;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:var(--secondary);text-decoration:underline}.submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0066001f}html.dark-theme .submit-btn{color:#121212;box-shadow:0 4px 12px #39f3}html.dark-theme .checkbox-custom:after{border-color:#121212}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0603}html.dark-theme .submit-btn:hover{box-shadow:0 6px 16px #3399ff4d}.submit-btn:active{transform:translateY(0)}.btn-arrow{width:18px;height:18px;transition:transform .2s}.submit-btn:hover .btn-arrow{transform:translate(4px)}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}html.dark-theme .spinner{border:3px solid #1212124d;border-top-color:#121212}.error-banner{color:#dc3545;background-color:#dc35451a;border:1.5px solid #dc354566;border-radius:8px;align-items:center;gap:10px;padding:.85rem 1rem;font-size:.9rem;font-weight:500;display:flex}.error-icon{flex-shrink:0;width:18px;height:18px}.divider{text-align:center;color:var(--text-secondary);letter-spacing:.5px;align-items:center;margin:.25rem 0;font-size:.8rem;font-weight:500;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider:not(:empty):before{margin-right:1rem}.divider:not(:empty):after{margin-left:1rem}.social-logins{flex-direction:column;gap:.75rem;display:flex}.social-btn{background-color:var(--surface);border:1.5px solid var(--border);width:100%;color:var(--text);cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:.85rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background-color:var(--bg);border-color:var(--primary);transform:translateY(-1px)}.social-icon{width:18px;height:18px}.fill-current{fill:var(--text)}@media (width>=768px){.login-visual-pane{min-height:280px;padding:2.5rem;display:flex}.mobile-brand-header{display:none}.visual-title{font-size:2.25rem}.visual-subtitle{font-size:1rem}.login-form-pane{padding:3rem}.social-logins{flex-direction:row}.social-btn{flex:1}}@media (width>=1024px){.login-container{flex-direction:row}.login-visual-pane{flex:1.2;justify-content:space-between;min-height:100vh;padding:3.5rem}.visual-overlay{background:linear-gradient(135deg,#06131f1a 0%,#0a111780 100%)}html.dark-theme .visual-overlay{background:linear-gradient(135deg,#06131f33 0%,#0a111799 100%)}.visual-content{justify-content:center;height:100%;position:relative}.brand-name{font-size:1.5rem}.brand-logo-container{position:absolute;top:0;left:0}.visual-slogan-box{max-width:520px;margin:0}.visual-title{letter-spacing:-1px;font-size:3rem;line-height:1.15}.visual-subtitle{font-size:1.1rem;line-height:1.6}.visual-footer{opacity:.6;font-size:.85rem;display:block;position:absolute;bottom:0;left:0}.login-form-pane{flex:.9;align-items:center;min-height:100vh;padding:3.5rem}.form-card-wrapper{gap:1.5rem}.form-title{font-size:2.25rem}}@media (width>=1200px){.login-visual-pane,.login-form-pane{padding:4.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-shake{animation:.3s ease-in-out shake}.success-view{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 0;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.success-icon-container{width:64px;height:64px;color:var(--secondary);background-color:#33cc331a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;box-shadow:0 0 20px #33cc3326}.success-icon{width:32px;height:32px}.success-title{color:var(--text);margin:0 0 .75rem;font-size:1.6rem;font-weight:700}.success-message{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.back-to-login-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-self:center;align-items:center;gap:8px;width:fit-content;margin-top:.5rem;padding:.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.back-to-login-btn:hover{color:var(--secondary);transform:translate(-2px)}.back-to-login-btn svg{width:18px;height:18px}.theme-toggle-floating-btn{background-color:var(--surface);border:1.5px solid var(--border);width:42px;height:42px;color:var(--text);cursor:pointer;z-index:1001;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1.5rem;right:1.5rem}.theme-toggle-floating-btn:hover{border-color:var(--primary);transform:scale(1.08);box-shadow:0 4px 12px #0000001a}.theme-toggle-floating-btn svg{width:20px;height:20px}