.preloader-page{position:fixed;inset:0;background:var(--background);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.gears-container{position:relative;width:100px;height:100px;margin-bottom:24px}.gear{position:absolute;font-size:64px;color:var(--color-primary)}.gear-left{left:0;top:0;animation:rotate-left 2s linear infinite}.gear-left,.gear-right{transform-origin:center}.gear-right{right:0;bottom:0;animation:rotate-right 2s linear infinite}@keyframes rotate-left{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-right{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.progress-bar{width:200px;height:8px;background:#374151;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);width:0;transition:width .1s linear}:root{--background:#0a0a0a;--foreground:#ededed;--color-background:#111827;--color-foreground:#f3f4f6;--color-primary:#6366f1;--color-accent:#06b6d4;--color-sidebar:#1f2937;--color-topbar:#1f29372b;--color-danger:#f87171;--color-danger-hover:#f43f5e;--color-danger-text:#ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.login-page{min-height:100vh;justify-content:center;background:var(--background)}.login-box,.login-page{display:flex;align-items:center}.login-box{width:360px;flex-direction:column;gap:16px;text-align:center;overflow:hidden;padding:32px;background:var(--color-sidebar);border-radius:12px;position:relative;box-shadow:0 0 25px rgba(99,102,241,.3);animation:glow 4s ease-in-out infinite}@keyframes glow{0%{box-shadow:0 0 20px rgba(99,102,241,.25)}50%{box-shadow:0 0 40px rgba(6,182,212,.35)}to{box-shadow:0 0 20px rgba(99,102,241,.25)}}.login-title{color:var(--color-primary);font-size:1.8rem;font-weight:700;margin-bottom:16px}.login-input{width:100%;padding:12px 40px 12px 12px;font-size:16px;border-radius:8px;border:1px solid #374151;background:#0f172a;color:var(--color-foreground);outline:none;transition:.2s}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 6px rgba(99,102,241,.5)}.login-error{color:var(--color-danger);text-align:center}.login-button{width:100%;padding:12px;margin-top:10px;border-radius:8px;background:var(--color-primary);color:white;font-weight:700;cursor:pointer;transition:.2s}.login-button:hover{background:var(--color-accent)}.password-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--color-foreground);opacity:.7;transition:.2s;font-size:1.2rem}.password-toggle:hover{opacity:1}