:root{--ink:#151724;--muted:#6e7180;--line:#e8e9ee;--paper:#f7f8fa;--white:#fff;--nav:#111827;--blue:#5b5cf0;--blue2:#7475ff;--mint:#a7f3d0;--danger:#d94b59;--shadow:0 18px 50px rgba(18,24,40,.09);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;opacity:.018;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:20px;letter-spacing:-.6px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#696aff,#4849d8);color:#fff;font-family:Georgia,serif;font-style:italic;box-shadow:0 6px 20px rgba(91,92,240,.35)}.login-view{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{position:relative;overflow:hidden;padding:54px 64px;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(112,114,255,.5),transparent 27%),radial-gradient(circle at 82% 76%,rgba(33,198,162,.19),transparent 28%),linear-gradient(145deg,#111529 0%,#171d38 62%,#111624 100%);display:flex;flex-direction:column;justify-content:space-between}.login-visual:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-120px;top:22%;box-shadow:0 0 0 85px rgba(255,255,255,.018),0 0 0 170px rgba(255,255,255,.012)}.brand-light{position:relative;z-index:1}.visual-copy{position:relative;z-index:1;max-width:690px}.eyebrow{display:block;font-size:10px;letter-spacing:2.2px;font-weight:800;color:var(--blue);margin-bottom:14px}.eyebrow.light{color:#a9aaff}.visual-copy h1{font-size:clamp(42px,5.4vw,76px);line-height:1.02;letter-spacing:-3.8px;margin:0 0 28px;font-weight:650}.visual-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#b8b9ff}.visual-copy p{max-width:570px;color:#b8bed1;font-size:17px;line-height:1.7}.trust-row{position:relative;z-index:1;display:flex;gap:28px;color:#9da4bb;font-size:12px}.trust-row span{display:flex;align-items:center;gap:9px}.trust-row i{width:7px;height:7px;border-radius:50%;background:#54ddb3;box-shadow:0 0 0 4px rgba(84,221,179,.12)}.login-panel{display:grid;place-items:center;background:#fff;padding:40px}.login-card{width:min(100%,390px)}.mobile-brand{display:none}.login-card h2,.modal-card h2{font-size:31px;letter-spacing:-1.2px;margin:0 0 10px}.muted{color:var(--muted);line-height:1.55}.login-card>p.muted{margin:0 0 34px}.login-card label,.modal-card label,.form-panel label{display:block;font-size:12px;font-weight:700;color:#4b4e5d;margin-bottom:18px}.login-card input,.modal-card input,.modal-card select,.form-panel input,.form-panel select{width:100%;border:1px solid #dddfe6;border-radius:11px;padding:13px 14px;margin-top:8px;background:#fff;color:var(--ink);outline:none;transition:.2s}.login-card input:focus,.modal-card input:focus,.form-panel input:focus,.form-panel select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(91,92,240,.09)}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.reveal{position:absolute;right:12px;top:50%;transform:translateY(-32%);border:0;background:none;color:var(--blue);font-size:11px;font-weight:800;cursor:pointer}.button{border:0;border-radius:11px;padding:13px 17px;font-weight:750;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,var(--blue),#6e6ff8);box-shadow:0 9px 25px rgba(91,92,240,.25)}.button.secondary{background:#f0f1f5;color:#393c49}.button.danger{background:#202333;color:#fff}.button.wide{width:100%;justify-content:space-between}.security-note{text-align:center;color:#9295a2;font-size:10px!important;margin-top:19px!important}.security-note span{color:var(--blue)}.form-error{min-height:19px;color:#bd3443;font-size:12px;margin:2px 0 10px}.app-view{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:linear-gradient(180deg,#161b2d,#111624);color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 12px 33px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:#8e96aa;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-size:12px;font-weight:650}.nav-item span{font-size:17px;width:19px;text-align:center}.nav-item:hover,.nav-item.active{color:#fff;background:rgba(255,255,255,.075)}.nav-item.active{box-shadow:inset 3px 0 #7172ff}.sidebar-bottom{margin-top:auto}.environment{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:12px;padding:13px;display:flex;align-items:center;gap:11px;margin-bottom:12px}.environment b,.environment small{display:block}.environment b{font-size:10px}.environment small{font-size:9px;color:#7e879c;margin-top:3px}.live-dot{width:8px;height:8px;border-radius:50%;background:#56dcae;box-shadow:0 0 0 4px rgba(86,220,174,.11)}main{grid-column:2}.topbar{height:82px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:8}.crumb{font-size:8px;letter-spacing:1.5px;color:#a3a5b0;font-weight:800;margin:0 0 4px}.crumb span{color:var(--blue)}.topbar h2{font-size:16px;margin:0}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.menu-button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.menu-button{display:none}.avatar{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#dbdcff,#aaadff);display:grid;place-items:center;color:#32338f;font-weight:800;margin-left:6px}.user-meta b,.user-meta small{display:block}.user-meta b{font-size:11px}.user-meta small{font-size:9px;color:#999ca9;margin-top:2px}.content{padding:36px;max-width:1500px;margin:auto}.page{display:none}.page.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}}.hero-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.hero-row h1{font-size:30px;letter-spacing:-1.3px;margin:0 0 7px}.hero-row p{margin:0}.hero-row.compact{align-items:center}.summary-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin-bottom:34px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:155px;position:relative;overflow:hidden;box-shadow:0 4px 18px rgba(20,24,40,.025)}.summary-card.accent{color:#fff;border:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#5556e8,#6d6ef3)}.card-head{display:flex;justify-content:space-between;color:#777a89;font-size:11px;font-weight:650}.accent .card-head{color:#d6d7ff}.mini-icon{width:28px;height:28px;border-radius:9px;background:#f0f1f7;display:grid;place-items:center}.accent .mini-icon{background:rgba(255,255,255,.14)}.summary-card strong{display:block;font-size:31px;letter-spacing:-1.5px;margin:18px 0 4px}.summary-card small{color:#999ca8;font-size:10px}.accent small{color:#d1d2ff}.spark{position:absolute;bottom:15px;right:18px;height:36px;display:flex;gap:4px;align-items:end}.spark i{display:block;width:4px;border-radius:4px;background:rgba(255,255,255,.25)}.spark i:nth-child(1){height:13px}.spark i:nth-child(2){height:19px}.spark i:nth-child(3){height:15px}.spark i:nth-child(4){height:26px}.spark i:nth-child(5){height:21px}.spark i:nth-child(6){height:32px}.spark i:nth-child(7){height:27px}.spark i:nth-child(8){height:35px;background:#b6f2dc}.meter{height:4px;background:#eef0f4;border-radius:9px;margin-top:20px}.meter i{display:block;width:70%;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--blue),#9d9eff)}.text-link{border:0;background:none;color:var(--blue);font-size:10px;font-weight:750;padding:0;cursor:pointer}.summary-card .text-link{position:absolute;bottom:18px}.section-head,.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h3,.panel-head h3,.panel h3{font-size:14px;margin:0 0 4px}.section-head p,.panel-head p{font-size:10px;color:#999ca7;margin:0}.updated{font-size:9px;color:#9a9ca8}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.account-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.account-card .currency-mark{width:35px;height:35px;border-radius:11px;background:#eff0ff;color:#4d4ee0;display:grid;place-items:center;font-family:Georgia,serif;font-weight:700}.account-card header{display:flex;align-items:center;justify-content:space-between}.account-card header div{display:flex;align-items:center;gap:10px}.account-card h4{font-size:11px;margin:0}.account-card header small{display:block;margin-top:3px;color:#a1a3ae;font-size:9px}.status-pill,.count-pill{padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800;background:#e9faf3;color:#258c6d}.account-card strong{display:block;font-size:23px;margin-top:19px}.account-card footer{display:flex;justify-content:space-between;border-top:1px solid #f0f1f4;margin-top:15px;padding-top:12px;color:#9b9da8;font-size:8px}.skeleton-card{height:140px;border-radius:15px;background:linear-gradient(90deg,#eee 25%,#f6f6f6 40%,#eee 65%);background-size:400% 100%;animation:shine 1.4s infinite}@keyframes shine{to{background-position:-100% 0}}.dashboard-bottom{display:grid;grid-template-columns:1.5fr .8fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.activity-list{min-height:140px}.empty-state{display:grid;place-items:center;color:#a1a3ad;font-size:11px}.activity-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #f0f1f3}.activity-item:first-child{border:0}.activity-icon{width:34px;height:34px;border-radius:10px;background:#eef0ff;color:var(--blue);display:grid;place-items:center}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:10px}.activity-item small{color:#9b9da7;font-size:8px;margin-top:3px}.activity-amount{text-align:right}.quick-panel>button{width:100%;border:0;border-top:1px solid #f0f1f3;background:none;padding:14px 0;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.quick-panel>button>div{flex:1}.quick-panel b,.quick-panel small{display:block}.quick-panel b{font-size:10px}.quick-panel small{font-size:8px;color:#9a9da8;margin-top:3px}.quick-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px}.quick-icon.blue{background:#edefFF;color:var(--blue)}.quick-icon.mint{background:#e8faf3;color:#2d9a79}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.search{width:min(400px,70%);position:relative}.search span{position:absolute;left:13px;top:10px;color:#979aa5}.search input{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px 13px 11px 36px;outline:none}.count-pill{background:#eeeefe;color:#5556d5}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;background:#fafbfc;color:#9b9da8;font-size:8px;letter-spacing:1px;text-transform:uppercase;padding:13px 18px}td{padding:15px 18px;border-top:1px solid #f0f1f3;font-size:10px}.person-cell{display:flex;align-items:center;gap:10px}.person-icon{width:33px;height:33px;border-radius:10px;background:linear-gradient(145deg,#ededff,#d7d8ff);color:#5051c8;display:grid;place-items:center;font-weight:800}.person-cell b,.person-cell small{display:block}.person-cell small{color:#9a9ca6;margin-top:3px}.payment-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:18px}.form-panel{padding:25px}.step-title{display:flex;gap:12px;align-items:center;margin-bottom:23px}.step-title>span{width:32px;height:32px;border-radius:10px;background:#ededff;color:var(--blue);display:grid;place-items:center;font-weight:800}.step-title h3,.step-title p{margin:0}.step-title p{color:#999ca8;font-size:10px;margin-top:4px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.field-grid .full{grid-column:1/-1}.amount-input{position:relative}.amount-input span{position:absolute;right:13px;top:22px;font-size:10px;font-weight:800;color:var(--blue)}.amount-input input{padding-right:48px}.payment-aside{background:radial-gradient(circle at 90% 5%,rgba(117,118,255,.26),transparent 25%),linear-gradient(155deg,#151a2c,#202744);color:#fff;padding:27px}.payment-aside h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 28px}.payment-aside ul{list-style:none;padding:0;margin:0}.payment-aside li{font-size:10px;color:#b9bfd0;margin:15px 0;display:flex;gap:10px}.payment-aside li span{color:#63dfb8}.limit-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;margin-top:30px;background:rgba(255,255,255,.04)}.limit-card small,.limit-card strong{display:block}.limit-card small{color:#969db2;font-size:8px}.limit-card strong{font-size:11px;margin-top:5px}.modal{display:none;position:fixed;inset:0;z-index:30;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(12,15,26,.67);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:31px;box-shadow:0 30px 90px rgba(0,0,0,.25);animation:modalIn .22s ease}.modal-card.small{width:min(450px,100%)}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#f1f2f5;border-radius:9px;width:31px;height:31px;cursor:pointer}.modal-icon{width:42px;height:42px;border-radius:13px;background:#ededff;color:var(--blue);display:grid;place-items:center;margin-bottom:20px}.modal-icon.success{background:#e9faf3;color:#278e6e}.password-rules,.requirement-hint{background:#f5f6f8;border-radius:10px;padding:11px;color:#818491;font-size:9px;margin:-4px 0 10px}.requirement-hint{margin:4px 0 10px;border-left:3px solid var(--blue)}.segmented{display:flex;background:#f0f1f4;padding:4px;border-radius:11px;margin:20px 0}.segmented label{flex:1;margin:0}.segmented input{display:none}.segmented span{display:block;text-align:center;padding:9px;border-radius:8px;font-size:10px;cursor:pointer}.segmented input:checked+span{background:#fff;color:var(--blue);box-shadow:0 3px 10px rgba(0,0,0,.07)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.review-details{background:#f7f8fa;border-radius:13px;padding:8px 16px;margin:21px 0}.review-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #e8e9ed;font-size:10px}.review-row:first-child{border:0}.review-row span{color:#8c8f9b}.review-row strong{font-size:11px}.warning-box{display:flex;gap:10px;background:#fff7ea;border:1px solid #f5e4c4;border-radius:11px;padding:12px;color:#8c6728}.warning-box span{width:20px;height:20px;border-radius:50%;background:#f0c66f;display:grid;place-items:center;font-weight:800}.warning-box p{font-size:9px;line-height:1.5;margin:2px 0}.toast{position:fixed;right:25px;bottom:25px;z-index:50;background:#171b2c;color:#fff;border-radius:12px;padding:13px 17px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#9e3340}@media(max-width:980px){.login-view{grid-template-columns:1fr}.login-visual{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:55px;font-weight:800}.app-view{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}main{grid-column:1}.menu-button{display:block}.summary-grid{grid-template-columns:1fr 1fr}.summary-card.accent{grid-column:1/-1}.account-grid{grid-template-columns:1fr 1fr}.dashboard-bottom,.payment-layout{grid-template-columns:1fr}}@media(max-width:650px){.login-panel{padding:28px}.content{padding:24px 16px}.topbar{padding:0 16px}.user-meta{display:none}.hero-row{align-items:flex-start;gap:18px}.hero-row h1{font-size:25px}.summary-grid,.account-grid,.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.dashboard-bottom{grid-template-columns:1fr}.modal-card{padding:25px 20px}.trust-row{display:none}}