:root{color:#e7eefc;background:#0d1530;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#17264d 0%,#0d1530 60%);margin:0}a{color:#79a9ff;text-decoration:none}#root{min-height:100svh}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100svh;display:grid}.side-nav{background:#050c1e80;border-right:1px solid #ffffff1a;height:100svh;padding:20px 16px;position:sticky;top:0}.brand{color:#9cff96;font-size:22px;font-weight:700}.nav-list{gap:8px;margin-top:20px;display:grid}.nav-item,.bottom-item{color:#c7d1ea;border-radius:10px;padding:10px 12px}.nav-item.active,.bottom-item.active{color:#7ea5ff;background:linear-gradient(90deg,#1b2d65,#25387c)}.content{padding-bottom:80px}.top-bar{z-index:5;background:#0f1c3ab3;border-bottom:1px solid #ffffff14;padding:16px 20px;position:sticky;top:0}.page-body{max-width:900px;margin:0 auto;padding:18px}.panel{background:linear-gradient(#122046f2,#0f1a37eb);border:1px solid #657fc573;border-radius:18px;padding:16px}.stack{gap:12px;display:grid}.row{align-items:center;gap:12px;display:flex}.split{justify-content:space-between}.muted{color:#97a6c9}.input{color:#eaf0ff;background:#101d43;border:1px solid #37519a;border-radius:12px;width:100%;margin:8px 0;padding:10px 12px}.textarea{resize:vertical;min-height:100px}.btn{color:#fff;cursor:pointer;background:linear-gradient(#2f4eb6,#28408f);border:1px solid #4369d9;border-radius:10px;padding:9px 14px}.btn.ghost{background:0 0}.btn.danger{background:#832f45;border-color:#c74d70}.avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.avatar.large{width:72px;height:72px}.broker-logo{object-fit:contain;background:#0003;border-radius:12px;width:100%;max-height:140px}.auth-wrap{place-items:center;min-height:100svh;padding:clamp(16px,3vw,28px);display:grid}.login-brand-title{text-align:center;letter-spacing:-.02em;text-shadow:0 8px 26px #080f2c73;margin:0 0 16px;font-size:clamp(42px,6vw,78px);font-weight:900;line-height:1}.login-brand-forex{color:#9cff96}.login-brand-hub{color:#ffd866}.login-split{grid-template-columns:1.2fr .9fr;align-items:stretch;gap:22px;width:min(1060px,100%);display:grid}.login-promo{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 18% 22%,#ffd37a2e,#0000 38%),radial-gradient(circle at 80% 78%,#ffb74d1a,#0000 35%),linear-gradient(170deg,#15244ef5,#0d1835f0);border-color:#c0a25e59;flex-direction:column;justify-content:center;gap:14px;min-height:470px;padding:clamp(24px,3vw,34px);display:flex;position:relative;overflow:hidden;box-shadow:0 26px 60px #050c2373,inset 0 1px #ffffff0f}.login-promo:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd37a2e,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;inset:-30% -20% auto auto}.login-promo-kicker{letter-spacing:.08em;text-transform:uppercase;color:#b6c4e8;margin:0;font-size:13px}.login-promo h1{color:#f4f7ff;letter-spacing:-.02em;margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1.1}.login-promo-body{color:#c1cee9;max-width:56ch;margin:0;font-size:15px;line-height:1.65}.login-promo-points{color:#d0daf0;gap:8px;margin:2px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.login-promo-points li{padding-left:22px;position:relative}.login-promo-points li:before{content:"";background:radial-gradient(circle at 35% 35%,#ffe9b6,#f3b95e 65%,#9d6d26 100%);border-radius:999px;width:10px;height:10px;position:absolute;top:7px;left:0;box-shadow:0 0 14px #f3b95e66}.login-promo-tag{color:#ffe2a4;background:#ffd37a14;border:1px solid #ffd37a6b;border-radius:14px;align-self:flex-start;margin-top:10px;padding:11px 13px;font-size:14px;font-weight:700;line-height:1.4}.auth-form{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 100% 0,#6d8de826,#0000 35%),linear-gradient(#102250f2,#0c1839f0);border-color:#7593e173;width:min(460px,100%);padding:clamp(18px,2.5vw,26px);box-shadow:0 24px 50px #070e2673,inset 0 1px #ffffff0f}.auth-form-wrap{flex-direction:column;justify-content:center;align-self:stretch;width:min(460px,100%);min-height:470px;display:flex}.auth-form h2{letter-spacing:-.02em;margin:4px 0 14px;font-size:38px;line-height:1.1}.auth-links{justify-content:space-between;gap:12px;margin-top:6px;font-size:18px;display:flex}.auth-links a{color:#9fb8ff}.auth-links a:hover{color:#c5d4ff}.auth-legal-links{color:#8d9bbd;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;font-size:13px;display:flex}.auth-legal-links a{color:inherit}.auth-legal-links a:hover{color:#aeb9d6}.auth-form .input{background:#0b193fc7;border-color:#3f62b8;border-radius:13px;height:46px;margin:10px 0;transition:border-color .2s,box-shadow .2s}.auth-form .input:focus{border-color:#6f95ff;outline:none;box-shadow:0 0 0 3px #5982f833}.auth-form .btn{background:linear-gradient(#3e64db,#2c4ca9);border-color:#5e86ff;border-radius:12px;height:44px;margin-top:4px;padding:0 18px;font-size:16px;font-weight:700;box-shadow:0 10px 20px #19369059}.auth-form .btn:hover{filter:brightness(1.05)}.auth-form{flex-direction:column;flex:1;justify-content:center;display:flex}.error{color:#ff97a6;margin:2px 0 8px;font-size:14px}.delete-data-wrap{place-content:center;min-height:100svh;padding:16px}.delete-data-panel{gap:10px;width:min(620px,100%);margin:0 auto;padding:22px;display:grid}.delete-data-label{text-transform:uppercase;letter-spacing:.06em;color:#9cafda;font-size:12px}.delete-data-btn{margin-top:8px}.success{color:#9cff96}.bottom-nav{display:none}.list{gap:12px;display:grid}@media (width<=900px){.shell{grid-template-columns:1fr}.side-nav{display:none}.page-body{padding:12px}.bottom-nav{z-index:12;background:#0a142dfa;border-top:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-item{text-align:center;font-size:13px}.login-split{grid-template-columns:1fr;gap:14px}.login-promo{min-height:auto;padding:20px}.login-promo h1{font-size:clamp(26px,8vw,34px)}.auth-form-wrap{justify-content:flex-start;width:100%;min-height:auto}.auth-form{flex:initial;width:100%}.auth-form h2{font-size:34px}.auth-links{font-size:17px}}@media (width<=560px){.auth-wrap{padding:12px}.login-promo{padding:18px}.login-brand-title{margin-bottom:12px;font-size:clamp(34px,12vw,52px)}.login-promo-body,.login-promo-points{font-size:13px}.login-promo-tag{text-align:center;width:100%;font-size:12px}.auth-form h2{font-size:30px}.auth-links{font-size:15px}.auth-legal-links{flex-wrap:wrap;gap:10px;font-size:12px}.delete-data-panel{padding:16px}}