:root{--bg:#081617;--surface:#11252fe6;--surface-strong:#10222cfa;--surface-soft:#193a49d9;--text-primary:#e8f1f4;--text-muted:#8ba3ae;--border:#ffffff14;--shadow:0 24px 80px #00000052;--radius:24px;--max-width:1320px;--unit:14px;--transition:all .3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Poppins,sans-serif}body{width:100%;color:var(--text-primary);overflow-x:hidden}button,input{font:inherit}.app{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.app.login-layout{grid-template-columns:1fr}.btn{color:#fff;cursor:pointer;min-height:48px;transition:var(--transition);background:#24b5ff;border:none;border-radius:16px;justify-content:center;align-items:center;padding:0 26px;font-weight:700;display:flex}.btn:hover{background:#1ca0d6}.loader_parent{z-index:99;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:fixed;top:0;left:0}.loader_parent .loader{box-sizing:border-box;border:3px solid #fff;border-style:solid solid dotted dotted;border-radius:50%;width:48px;height:48px;animation:2s linear infinite rotation;display:inline-block;position:relative}.loader_parent .loader:after{content:"";box-sizing:border-box;transform-origin:50%;border:3px solid #ff3d00;border-bottom-style:dotted;border-radius:50%;width:24px;height:24px;margin:auto;animation:1s linear infinite rotationBack;position:absolute;inset:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}