:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17223d;background:#f4f6fb;--primary:#5b4cf0;--ink:#17223d;--muted:#717b92;--line:#e5e8f0;--success:#14825c}*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:var(--ink)}a{color:var(--primary);text-decoration:none}button,input{font:inherit}.guest-body{background:#10172b}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr)}.login-story{padding:48px 7vw;background:radial-gradient(circle at 80% 20%,rgba(113,96,245,.28),transparent 32%),linear-gradient(145deg,#10162a,#1c2745);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-220px;bottom:-300px;box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.015)}.login-brand,.mobile-brand,.user-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;position:relative;z-index:1}.login-brand span,.mobile-brand span,.user-brand span{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7c6cff,#4c3bdc);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(91,76,240,.4)}.story-content{margin:auto 0;max-width:620px;position:relative;z-index:1}.story-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:850;color:#9f94ff}.story-content h1{font-size:clamp(38px,4.3vw,66px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 22px}.story-content>p{font-size:17px;line-height:1.7;color:#b8c2db;max-width:580px}.trust-row{display:flex;gap:45px;margin-top:45px}.trust-row div{border-left:2px solid #7464ed;padding-left:14px}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-size:22px}.trust-row span{font-size:11px;color:#9aa6c5;margin-top:3px}.story-foot{position:relative;z-index:1;color:#7f8baa;font-size:11px}.login-panel{background:#f7f8fc;display:grid;place-items:center;padding:45px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e3e6ef;border-radius:19px;padding:42px;box-shadow:0 25px 70px rgba(20,30,55,.1)}.login-card h2{font-size:31px;letter-spacing:-.04em;margin:10px 0 5px}.login-card>p{color:var(--muted);margin:0 0 27px}.login-card label{display:block;margin-bottom:17px}.login-card label>span:first-child{display:block;font-size:12px;font-weight:750;margin-bottom:7px}.auth-input{height:49px;border:1px solid #dfe3ed;border-radius:11px;display:flex;align-items:center;transition:.2s}.auth-input:focus-within{border-color:#786af2;box-shadow:0 0 0 4px rgba(91,76,240,.09)}.auth-input b{width:44px;text-align:center;color:#929aae}.auth-input input{height:100%;border:0;outline:0;flex:1;min-width:0;background:transparent}.auth-input button{border:0;background:transparent;color:#6658df;font-size:11px;font-weight:750;padding:0 13px;cursor:pointer}.remember{display:flex!important;align-items:center;gap:8px;color:#626c83}.remember>span{margin:0!important;font-weight:500!important}.remember input{accent-color:var(--primary)}.login-button{width:100%;height:50px;border:0;border-radius:11px;background:linear-gradient(135deg,#6a5af1,#4d3ddd);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 19px;cursor:pointer;box-shadow:0 12px 28px rgba(91,76,240,.25)}.login-button:hover{filter:brightness(.97)}.login-help{text-align:center;font-size:11px;color:#8991a4;margin-top:23px}.form-alert{padding:11px 13px;background:#ffe9ed;color:#ad344b;border-radius:9px;font-size:12px;margin:15px 0}.form-alert.success{background:#e3f7ee;color:#147453}.mobile-brand{display:none;color:var(--ink);margin-bottom:30px}.user-container{width:min(1240px,calc(100% - 34px));margin:auto}.user-header{height:72px;background:#11182b;color:#fff;display:flex;align-items:center}.user-header .user-container{display:flex;align-items:center;justify-content:space-between}.user-brand span{width:36px;height:36px;border-radius:10px}.user-header nav{display:flex;align-items:center;gap:20px}.user-header nav a{color:#adb8d3}.user-header nav a.active{color:#fff}.user-header nav form{margin:0}.user-header nav button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}.user-chip{background:rgba(255,255,255,.08);padding:8px 12px;border-radius:9px;font-size:12px}.user-main{padding-top:30px;padding-bottom:50px}.user-alert{background:#e3f7ee;color:#147453;padding:12px 14px;border-radius:10px;margin-bottom:17px}.user-alert.danger{background:#ffe9ed;color:#ad344b}.welcome-card{background:linear-gradient(125deg,#171f37,#283858);border-radius:18px;padding:30px;color:#fff;display:flex;justify-content:space-between;align-items:center}.welcome-card h1{font-size:29px;margin:7px 0}.welcome-card p{margin:0;color:#b9c4dd}.welcome-code{text-align:right;padding:14px 17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:12px}.welcome-code small,.welcome-code strong{display:block}.welcome-code strong{margin-top:4px}.user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.user-stats article,.user-panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(23,33,58,.06)}.user-stats article{padding:20px}.user-stats span,.user-stats strong,.user-stats small{display:block}.user-stats span{font-size:12px;color:var(--muted);font-weight:700}.user-stats strong{font-size:24px;margin:10px 0 3px;letter-spacing:-.04em}.user-stats small{color:#9aa1b1;font-size:10px}.user-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.user-panel{padding:20px}.panel-title h2{margin:0;font-size:17px}.panel-title p{margin:4px 0 17px;color:var(--muted);font-size:12px}.user-table{overflow:auto}.user-table table{width:100%;border-collapse:collapse;min-width:520px}.user-table th{text-align:left;font-size:9px;color:#8b93a6;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--line)}.user-table td{padding:12px 10px;border-bottom:1px solid #edf0f5;font-size:12px}.user-table td strong,.user-table td small{display:block}.user-table td small{font-size:9px;color:#9199aa;margin-top:3px}.status{background:#eef0ff;color:#5546d8;padding:4px 7px;border-radius:12px;font-size:9px;font-weight:800}.activity-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border:0}.activity-list>div>span:nth-child(2){flex:1}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:11px}.activity-list small{color:#9199aa;font-size:9px;margin-top:3px}.activity-list b{font-size:11px}.activity-list b.credit{color:#14825c}.activity-list b.debit{color:#d1435c}.activity-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900}.activity-icon.credit{background:#e1f7ed;color:#14825c}.activity-icon.debit{background:#ffe7eb;color:#d1435c}.empty{text-align:center;color:#9299aa;padding:30px!important}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex}.user-stats{grid-template-columns:repeat(2,1fr)}.user-grid{grid-template-columns:1fr}}
@media(max-width:600px){.login-panel{padding:18px}.login-card{padding:28px 22px}.user-header nav>a,.user-chip{display:none}.welcome-card{display:block}.welcome-code{text-align:left;margin-top:20px}.user-stats{grid-template-columns:1fr}}