/* TextWave / violet workspace. Local assets; no blocking web fonts. */
:root{--bg0:#360F82;--bg1:#360F82;--bg2:#360F82;--card:#43218d;--card2:#3d1987;--stroke:#ffffff19;--text:#faf8ff;--muted:#c7b6e6;--muted2:#a28bc9;--accent:#bcf583;--accent2:#d2ffa5;--good:#bcf583;--bad:#ff9cba;--warn:#ffd48a;--info:#92d9f7;--shadow:0 8px 24px #1c054d0a;--radius:14px;--radius2:20px;--max:1700px;--gap:20px;--side:236px}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}html,body{min-height:100%;margin:0}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:#360F82;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}button:disabled{cursor:wait}img,svg,canvas{max-width:100%}img{height:auto}::selection{background:#bcf583;color:#2b0d62}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.uiIcon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.waveMark{width:40px;height:40px;flex-shrink:0;color:var(--accent)}
.bgOrbs{display:none}.muted,.helper{color:var(--muted)}.small,.helper{font-size:12px}.h1{font-size:32px;font-weight:650;letter-spacing:-1.1px;margin:0 0 9px;line-height:1.2}.h2{font-size:18px;font-weight:650;letter-spacing:-.35px;margin:0 0 7px}.h3{font-size:15px;font-weight:650;margin:0 0 7px}.sep{height:1px;background:var(--stroke);margin:24px 0}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.rowWrap{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.row>*,.rowWrap>*,.main,.shell,.card,.grid>*{min-width:0}
.grid{display:grid;gap:var(--gap)}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{border-radius:var(--radius2);background:var(--card);border:1px solid var(--stroke);box-shadow:var(--shadow)}.cardPad{padding:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:11px;border:1px solid #ffffff26;background:#ffffff0b;color:var(--text);font-size:12px;font-weight:650;line-height:1.4;transition:background .18s,transform .18s,border-color .18s}
.btn:hover{background:#ffffff15;border-color:#ffffff4a;transform:translateY(-1px)}.btn-primary{color:#2b0d62;background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#d0ffa7;border-color:#d0ffa7}.btn-ghost{background:transparent}.btn-danger{background:#ff9cba15;color:#ffc2d4;border-color:#ff9cba35}.btn:disabled,.btn[disabled],a[aria-disabled="true"]{opacity:.45;pointer-events:none;transform:none}.btn .uiIcon{width:17px;height:17px}
.iconBtn{width:37px;height:37px;padding:8px;border:1px solid #ffffff1f;border-radius:11px;background:transparent;color:#e0d5f3;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.iconBtn:hover{background:#ffffff12}.iconBtn .uiIcon{width:18px;height:18px}
.topbar{height:81px;position:relative;margin-left:var(--side);display:flex;align-items:center;gap:16px;padding:0 36px;border-bottom:1px solid var(--stroke);z-index:30}
.breadcrumb{display:flex;align-items:center;gap:13px;color:#b5a0d7;font-size:12px}.breadcrumb strong{color:#efe7fb;font-weight:500}.crumbSlash{opacity:.45}
.topbarRight{margin-left:auto;display:flex;align-items:center;gap:10px}.topDate{display:flex;align-items:center;gap:8px;font-size:11px;color:#e2d8f2;margin-right:9px}.topDate .uiIcon{width:15px;height:15px}.userMini{display:flex;align-items:center;gap:10px;padding:0 9px;margin-left:7px;max-width:220px}.avatar{width:36px;height:36px;background:#dac6fd;border:2px solid #e9ddff;border-radius:50%;color:#360f82;display:grid;place-items:center;font-size:13px;font-weight:700}.uText{display:flex;flex-direction:column;min-width:0}.uName{font-size:12px;font-weight:600;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uSub{font-size:10px;color:var(--muted)}
.topnav{display:none}.burger{display:none}.burger span{width:17px;height:2px;border-radius:2px;background:currentColor}.shell{margin-left:var(--side);padding:33px 36px 20px;max-width:calc(var(--max) - var(--side))}.main{min-height:calc(100dvh - 190px)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);padding:29px 16px 18px;background:#2d0c70;border-right:1px solid #ffffff10;display:flex;flex-direction:column;overflow-y:auto;z-index:60}
.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:680;letter-spacing:-.8px;padding:0 9px}.brandSub{display:block;font-size:8px;letter-spacing:2px;font-weight:500;color:#ac97d0;margin-top:1px}.createNav{margin:32px 8px 25px;font-size:12px;min-height:44px}.sideHead{padding:16px 15px 10px}.sideTitle{font-size:9px;font-weight:600;color:#9277bb;letter-spacing:1.6px}.sideList{display:grid;gap:5px}.sideItem{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:44px;border-radius:10px;color:#c3b0df;font-size:12px;transition:background .15s,color .15s}.sideItem:hover{background:#ffffff09;color:#fff}.sideItem.active{background:#ffffff0d;color:#fff}.sideItem.active .sideIcon{color:var(--accent)}.sideIcon{display:flex;align-items:center;justify-content:center;color:#a98bce}.sideIcon .uiIcon{width:18px;height:18px}.activeDot{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}
.sideFoot{margin-top:auto;padding:35px 8px 0}.sideAccount{padding:17px 15px;background:#ffffff07;border:1px solid #ffffff14;border-radius:13px}.sidePlan{display:flex;align-items:center;gap:7px;color:#beaadf;font-size:10px}.sidePlan .uiIcon{width:14px;height:14px}.sideAccount strong{display:block;font-size:23px;font-weight:550;letter-spacing:-.7px;margin:7px 0 12px}.sideAccountLink{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.sideAccountLink .uiIcon{width:14px;height:14px}.sideNote{font-size:8px;color:#8c70b5;text-align:center;margin-top:21px}.sideNote span{padding:0 3px}
.footer{margin-left:var(--side);padding:0 36px 22px;max-width:calc(var(--max) - var(--side))}.footerInner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--stroke);font-size:10px;color:#aa91ce}.footerInner a{color:#d1c0eb}.footerInner .uiIcon{width:12px;height:12px;margin-left:3px}
.skipLink{position:fixed;left:20px;top:-70px;padding:12px 20px;background:var(--accent);color:#360f82;z-index:1000;border-radius:8px}.skipLink:focus{top:12px}
.pageHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#b29bd4;font-weight:600;margin-bottom:10px}.pageHeading .h1{font-size:33px;font-weight:550}.pageHeading .muted{font-size:12px}.workspaceTag{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#d4c5ed;padding:8px 12px;background:#ffffff07;border:1px solid #ffffff15;border-radius:8px}.workspaceTag i{height:5px;width:5px;background:var(--accent);border-radius:50%}
.overviewHero{display:grid;grid-template-columns:1fr 310px;gap:22px;margin-bottom:22px}.launchCard{position:relative;overflow:hidden;min-height:215px;padding:27px 30px;background:#e5dafa;border-color:#e5dafa;color:#360f82;display:flex;align-items:center}.launchCopy{position:relative;z-index:2;max-width:65%}.launchCard .eyebrow{color:#755797;margin-bottom:11px}.launchCard h2{font-weight:550;font-size:29px;line-height:1.17;letter-spacing:-1px;margin:0 0 13px}.launchCard p{font-size:11px;color:#70538c;max-width:280px;margin:0 0 21px;line-height:1.65}.launchCard .btn{background:#360f82;border-color:#360f82;color:white;font-size:11px}.launchCard .btn:hover{background:#4a2191}
.messageArt{position:absolute;right:12px;top:0;width:220px;height:100%;display:grid;place-items:center;pointer-events:none}.orbit{position:absolute;border:1px solid #b7a1d444;border-radius:50%;width:200px;height:200px}.orbit2{width:270px;height:270px}.orbit3{width:350px;height:350px}.messageBubble{width:112px;height:90px;border-radius:25px;background:#360f82;transform:rotate(-12deg);box-shadow:9px 15px 0 #360f8210;position:relative;display:flex;align-items:center;justify-content:center;gap:9px}.messageBubble:after{content:"";position:absolute;bottom:-10px;left:23px;border-top:20px solid #360f82;border-right:19px solid transparent}.messageBubble i{width:11px;height:11px;background:#bcf583;border-radius:50%}.smallBubble{position:absolute;right:18px;top:40px;width:44px;height:44px;border-radius:15px;background:#bcf583;display:grid;place-items:center;transform:rotate(12deg);box-shadow:0 5px 14px #360f8210}.smallBubble .uiIcon{width:23px;height:23px}
.balanceCard{padding:25px;display:flex;flex-direction:column;background:#412087}.balanceLabel{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#cebee9}.balanceLabel .uiIcon{color:#b8a1df}.balanceAmount{font-size:37px;letter-spacing:-1.5px;font-weight:550;margin:9px 0 3px;line-height:1.2}.balanceMeta{font-size:10px;color:#b29bce;margin-bottom:20px}.balanceCard .row{margin-top:auto}.balancePlan{font-size:10px;line-height:1.7;color:#b9a3d6}.balancePlan strong{color:#e2d6f4;font-weight:500}.balanceCard .btn{font-size:10px;min-height:37px;padding:8px 14px}
.metricGrid{margin-bottom:22px;gap:15px}.kpiCard{border:1px solid var(--stroke);border-radius:16px;padding:20px;background:var(--card);display:grid;gap:5px}.metricTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.metricIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ffffff0c;color:#cebae9}.metricIcon .uiIcon{width:16px;height:16px}.metricHint{font-size:9px;color:#ab92cc}.kpiName{font-size:11px;color:#d1bfe9;font-weight:500}.kpiVal{font-size:29px;font-weight:550;letter-spacing:-1px;line-height:1.3;font-variant-numeric:tabular-nums}.kpiSub{font-size:10px;color:#ae95cf}.metricGood .kpiVal{color:var(--accent)}.metricBad .kpiVal{color:#ffb4ce}
.chartGrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:20px;margin-bottom:24px}.chartCard{padding:23px}.chartHeader{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:14px}.chartHeader .h2{font-size:15px;font-weight:600}.chartHeader .small{font-size:10px}.chartPeriod{font-size:9px;color:#d3c3eb;border:1px solid var(--stroke);border-radius:7px;padding:5px 8px;white-space:nowrap}.chartFooter{margin-top:15px;display:flex;align-items:center;justify-content:space-between;color:#b49cd2;font-size:10px;border-top:1px solid var(--stroke);padding-top:12px}.chartFooter a{color:#dfd3f4;display:flex;align-items:center;gap:6px}.chartFooter .uiIcon{width:13px;height:13px}
.chartPanel{width:100%;min-width:0}.chartToolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 16px;flex-wrap:wrap}.chartViewToggle{display:inline-flex;gap:3px;padding:3px;background:#ffffff08;border-radius:8px}.chartViewToggle button{background:transparent;border:0;border-radius:6px;color:#bfa9dc;padding:5px 10px;font-size:10px}.chartViewToggle button.is-active{background:#ffffff17;color:#f5efff}.chartToolbar>.btn{min-height:29px;padding:4px 9px;font-size:9px}.chartStage{height:245px;min-height:245px;position:relative;min-width:0}.chartStage canvas{width:100%!important;height:100%!important}.chartLoading,.chartState{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;color:#c9b6e4;font-size:12px;border-radius:10px}.chartLoading{overflow:hidden;background:#ffffff03}.skeleton{background:linear-gradient(100deg,#ffffff05 20%,#ffffff12 40%,#ffffff05 60%);background-size:220% 100%;animation:shimmer 1.6s linear infinite;border-radius:7px}.chartLoading:before{content:"";height:140px;width:140px;border:22px solid #ffffff09;border-radius:50%}.chartLoading:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff08 45%,transparent 70%);animation:shimmer 1.6s linear infinite;background-size:220% 100%}.chartState .btn{font-size:10px;min-height:32px}.chartState--error{color:#ffbfd3}.chartState--empty{background:#ffffff02}.chartLegend{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 14px;margin-top:15px}.chartLegendButton{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#cdbce5;font-size:10px;padding:3px}.chartLegendButton .legendDot,.chartLegendButton>span:first-child{width:7px;height:7px;border-radius:50%}.chartLegendButton.is-hidden{opacity:.4;text-decoration:line-through}.chartSummary{font-size:10px;color:#bda7dc;text-align:center;margin-top:12px}.chartSummary strong{color:var(--accent)}
.recentCard{padding:23px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sectionTitle .h2{font-size:16px;margin:0}.sectionTitle>a{font-size:10px;color:#d8c8ee;display:flex;align-items:center;gap:7px}.sectionTitle .uiIcon{width:13px;height:13px}
.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table th{font-size:10px;font-weight:500;color:#af96d0;padding:12px 10px;border-bottom:1px solid var(--stroke);white-space:nowrap}.table td{font-size:11px;padding:15px 10px;border-bottom:1px solid #ffffff09;color:#dfd3ef}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#ffffff03}.table .btn{min-height:31px;padding:6px 10px;font-size:10px}.table td.muted{color:#ad94cd}.tscroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}.badge{display:inline-flex;gap:5px;align-items:center;padding:4px 8px;font-size:9px;font-weight:500;border-radius:6px;border:1px solid #ffffff18;background:#ffffff09;white-space:nowrap}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.st-pending{color:#d8c7ed}.st-approved{color:#9cddf8;background:#92d9f712;border-color:#92d9f725}.st-process{color:#ffda9c;background:#ffd48a12;border-color:#ffd48a25}.st-finished{color:#c3f29d;background:#bcf58310;border-color:#bcf58326}.st-rejected{color:#ffb2cb;background:#ff9cba12;border-color:#ff9cba25}
.emptyState{padding:30px 20px;text-align:center}.emptyState .uiIcon{width:28px;height:28px;margin-bottom:10px;color:#b79bdc}.emptyState h3{font-size:15px;font-weight:500;margin:0 0 5px}.emptyState p{font-size:12px;color:#b9a0d5;margin:0 0 16px}
.field{display:grid;gap:8px;margin:16px 0}.label{font-size:12px;font-weight:550;color:#ddceef}.input,select,textarea{display:block;width:100%;padding:12px 14px;min-height:45px;border-radius:10px;border:1px solid #ffffff25;background:#2f0d7238;color:#faf7ff;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder,textarea::placeholder{color:#9d80c4}.input:focus,select:focus,textarea:focus{border-color:#c4a2ff;box-shadow:0 0 0 3px #c4a2ff16}select option,select optgroup{background:#360f82;color:#fff}textarea{min-height:115px;resize:vertical}.input[readonly]{color:#ddceee}.counter{font-size:11px;color:#c6b1e1;font-variant-numeric:tabular-nums}.passwordField{position:relative}.passwordField>.input{padding-right:48px}.passwordToggle{position:absolute;right:6px;top:5px;min-width:35px;height:35px;background:transparent;border:0;color:inherit;font-size:10px;opacity:.7}.drop{position:relative;display:grid;justify-items:center;gap:8px;padding:29px 18px;border-radius:14px;border:1px dashed #b89bd365;background:#ffffff03;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}.drop:hover,.drop.drag{border-color:var(--accent);background:#bcf58306}.dropIcon{width:42px;height:42px;border-radius:12px;background:#ffffff0a;display:grid;place-items:center;font-size:21px}.drop strong{font-size:13px}.filePill{display:inline-flex;border:1px solid #ffffff20;border-radius:7px;padding:5px 10px;font-size:10px;background:#ffffff07;overflow-wrap:anywhere}
.flashWrap{display:grid;gap:9px;margin-bottom:20px}.flash{display:flex;align-items:center;gap:11px;border:1px solid #ffffff24;border-radius:11px;padding:12px 14px;background:#30116e}.flashDot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--info)}.flash-success .flashDot{background:var(--good)}.flash-error .flashDot{background:var(--bad)}.flash-warn .flashDot{background:var(--warn)}.flashMsg{font-size:12px}.flashClose{background:transparent;border:0;color:#c7b3df;margin-left:auto;font-size:21px}
.modalBackdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:#12042dbd;backdrop-filter:blur(5px);z-index:200}.modalBackdrop.open{display:flex}.modal{width:min(560px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;border-radius:23px;border:1px solid #ffffff26;background:#3e1a85;box-shadow:0 28px 90px #10002760}.modalHead{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--stroke)}.modalTitle{font-size:17px;font-weight:600;letter-spacing:-.4px}.modalBody{padding:23px 24px}.modalClose{width:32px;height:32px;flex-shrink:0;border:1px solid #ffffff20;border-radius:9px;color:#d8c4ed;background:transparent;font-size:20px}.modal-open{overflow:hidden}.copy-feedback{color:var(--accent);font-size:11px}.is-busy{cursor:progress}.is-busy[type=submit]:after{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
.authPage{min-height:100dvh;display:grid;place-items:center;padding:35px 20px;position:relative;overflow-x:hidden}.authArt{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.authArt:before,.authArt:after{content:"";position:absolute;width:800px;height:800px;border:1px solid #ffffff08;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.authArt:after{width:1050px;height:1050px}.authShell{width:430px;max-width:100%}.authBrand{display:flex;justify-content:center;margin-bottom:28px}.authBrand .brand{font-size:27px}.authCard{padding:34px 35px 29px;background:#f2ecfb;border:1px solid #ffffff99;border-radius:22px;color:#360f82;box-shadow:0 24px 80px #18013e30}.authCard .eyebrow{color:#9876b5;font-size:8px;letter-spacing:2px;margin-bottom:8px}.authCard h1{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:0 0 10px}.authSubtitle{color:#877497;font-size:12px;line-height:1.6;margin:0 0 23px}.authTabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;border-radius:10px;background:#e7def2;margin:0 0 27px}.authTabs a{padding:9px;font-size:11px;font-weight:600;text-align:center;border-radius:7px;color:#8e73a4}.authTabs a.active{background:#faf7ff;color:#360f82;box-shadow:0 2px 5px #360f8209}.authCard .label{color:#624779;font-size:11px}.authCard .field{margin:16px 0}.authCard .input{color:#360f82;background:#fffaff;border-color:#dfd1ec;min-height:47px;font-size:12px}.authCard .input::placeholder{color:#b2a1c1}.authCard .input:focus{border-color:#8660b5;box-shadow:0 0 0 3px #360f8209}.authCard .passwordToggle{color:#795b96}.authSubmit{width:100%;margin-top:8px;min-height:47px;background:#360f82;color:#fff;border-color:#360f82;font-size:12px}.authSubmit:hover{background:#4b218f;border-color:#4b218f}.authFoot{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:21px;border-top:1px solid #e1d5ec;font-size:10px;color:#9a83ac}.authFoot .uiIcon{width:13px;height:13px}.authTagline{text-align:center;color:#ab90cc;font-size:10px;margin-top:24px}.authPage .flash{margin-bottom:15px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}
@media(min-width:1800px){.shell,.footer{margin-left:var(--side)}}
@media(max-width:1250px){:root{--side:212px;--gap:16px}.topbar{padding:0 25px}.shell{padding:28px 25px 20px}.footer{padding:0 25px 20px}.topDate{display:none}.overviewHero{grid-template-columns:1fr 280px}.launchCard{padding:25px}.messageArt{right:-28px;opacity:.9}.metricGrid{gap:12px}.kpiCard{padding:17px}.chartCard{padding:19px}.cardPad{padding:22px}}
@media(max-width:1050px){.overviewHero{grid-template-columns:1fr 255px}.launchCard h2{font-size:26px}.launchCopy{max-width:72%}.messageArt{right:-62px;opacity:.7}.chartGrid{grid-template-columns:1fr 1fr}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metricGrid .kpiCard{position:relative}.metricTop{position:absolute;right:18px;top:18px}.metricHint{display:none}.cardPad{padding:20px}.grid3{grid-template-columns:1fr}}
@media(max-width:920px){:root{--side:0px}.topbar{height:70px;margin-left:0;padding:0 22px}.burger{display:flex;flex-direction:column;gap:4px}.sidebar{width:244px;transform:translateX(-100%);transition:transform .2s;visibility:hidden}.sidebar-open .sidebar{transform:translateX(0);visibility:visible;box-shadow:30px 0 100px #16052e99}.sidebar-open:after{content:"";position:fixed;inset:70px 0 0;background:#10032780;z-index:40}.shell{margin-left:0;padding:27px 22px 20px}.footer{margin-left:0;padding:0 22px 22px}.overviewHero{grid-template-columns:1fr 280px}.messageArt{right:-15px;opacity:1}.launchCopy{max-width:64%}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.overviewHero{grid-template-columns:1fr}.launchCard{min-height:205px}.balanceCard{min-height:177px}.balanceAmount{font-size:32px}.balanceCard .row{margin-top:5px}.balanceMeta{margin-bottom:14px}.balanceCard{position:relative}.balanceCard .row>.btn{position:absolute;right:25px;bottom:25px}.chartGrid,.grid2,.grid3{grid-template-columns:1fr!important}.topbar{padding:0 16px;gap:12px}.topbarRight{gap:6px}.uText,.topbarRight>a.iconBtn:not(.logout){display:none}.userMini{margin:0;padding:0 0 0 4px}.breadcrumb{font-size:11px;gap:8px}.shell{padding:24px 16px 18px}.footer{padding:0 16px 20px}.pageHeading{align-items:flex-start}.pageHeading .h1{font-size:27px}.pageHeading .muted{font-size:11px}.workspaceTag{display:none}.chartStage{height:240px;min-height:240px}.h1{font-size:27px}.cardPad{padding:19px}.row{flex-wrap:wrap}.table th,.table td{white-space:nowrap}.chartCard{padding:20px}.recentCard{padding:19px}.modalBackdrop{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modalHead,.modalBody{padding:19px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.card .row>[style*="min-width:260px"]{min-width:0!important;width:100%}.field .row{gap:5px}.authPage{padding:30px 18px}.authCard{padding:28px}.authShell{width:410px}.authBrand{margin-bottom:23px}}
@media(max-width:380px){.launchCard{padding:24px}.launchCard h2{font-size:24px}.messageArt{right:-70px;opacity:.8}.launchCopy{max-width:78%}.kpiCard{padding:15px}.metricIcon{display:none}.kpiVal{font-size:26px}.authCard{padding:25px 23px}.breadcrumb>span:first-child,.crumbSlash{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
[hidden]{display:none!important}

/* Async components and transfer dialog */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chartLegendDot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chartLoading:before{display:none}.skeletonChart{width:142px;height:142px;border-radius:50%;mask:radial-gradient(transparent 47%,#000 49%);-webkit-mask:radial-gradient(transparent 47%,#000 49%)}.skeletonLine{width:40%;height:9px}.greetingDot{color:var(--accent)}
.topupModal{width:min(720px,100%)}.topupModal .modalTitle{margin:0;font-size:21px}.topupModal .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 5px}.topupModal .modalBody>p:first-child{font-size:12px;margin:0 0 17px;max-width:540px;line-height:1.7}.topupNetwork{display:flex;align-items:center;gap:9px;padding-bottom:19px;border-bottom:1px solid var(--stroke)}.topupNetwork strong{font-size:13px;font-weight:600}.topupNetwork .badge{margin-left:3px;font-size:9px;color:#c7f1a5}.networkDot{height:8px;width:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #bcf58310}
.topupTransfer{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;padding:23px 0}.walletQrWrap{display:flex;flex-direction:column;gap:10px;align-items:center}.walletQr{width:200px;height:200px;flex-shrink:0;background:white;display:grid;place-items:center;border-radius:12px;overflow:hidden;color:#5c4381}.walletQr svg{display:block;width:100%;height:100%;border-radius:9px}.walletQr.is-loading{background:linear-gradient(110deg,#fff 25%,#e9e1f5 45%,#fff 65%);background-size:220% 100%;animation:shimmer 1.5s linear infinite}.walletQrPlaceholder{max-width:130px;text-align:center;font-size:11px}.walletQrWrap>.small{font-size:9px}.topupDetails .field{margin-top:0}.walletAddress{font-family:Consolas,monospace;font-size:11px;padding:12px 10px;letter-spacing:-.3px;min-width:0}.copyField{display:flex;flex-wrap:wrap;gap:8px}.copyField>.input{flex:1 1 100%}.copyButton{font-size:10px;min-height:32px;padding:6px 10px}.topupNotice{padding:11px 12px;border-radius:9px;background:#ffffff06;color:#cbb6e6;font-size:10px;line-height:1.7;margin:16px 0 5px}.topupNotice strong{font-weight:550;color:#eee3ff}.walletQrStatus{font-size:10px;line-height:1.6;margin:9px 0 0}
.walletUnavailable{display:flex;align-items:center;gap:15px;margin:20px 0;padding:20px;border:1px dashed #bba0dd55;border-radius:13px;background:#ffffff04}.walletUnavailable strong{font-size:13px;font-weight:550}.walletUnavailable p{margin:6px 0 0;font-size:11px}.walletUnavailableIcon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#c9b0fa12;color:#c9b0fa;font-size:24px;flex-shrink:0}
.topupSteps{list-style:none;padding:18px 0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.topupSteps li{display:flex;gap:9px}.topupSteps li>span{font-size:10px;color:#c9f7a6;background:#bcf5830b;border:1px solid #bcf58322;border-radius:7px;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.topupSteps strong{display:block;font-size:10px;font-weight:550}.topupSteps small{display:block;font-size:9px;color:#ae95cd;line-height:1.6;margin-top:3px}
.topupAccount{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:18px}.topupAccount>div{display:flex;align-items:center;gap:10px}.topupAccount strong{font-size:13px;font-weight:600;color:#e0cffa}.topupAccount .small{font-size:10px}.topupAccount .btn{min-height:31px;font-size:10px;padding:5px 10px}.copyStatus{min-height:16px;color:var(--accent);margin:4px 0 10px;font-size:10px}.topupActions{justify-content:space-between;gap:10px}.topupActions .btn{font-size:10px;min-height:38px}.topupActions .btn-primary{flex:1}.btn-sm{font-size:10px;padding:6px 10px;min-height:31px}
@media(max-width:580px){.topupTransfer{grid-template-columns:1fr;gap:19px}.walletQr{width:190px;height:190px}.topupSteps{grid-template-columns:1fr;gap:13px}.topupSteps li{align-items:center}.topupSteps small{margin-top:1px}.topupAccount>div{flex-direction:column;align-items:flex-start;gap:3px}.topupActions .btn-primary{min-width:70%}}

/* Auth mobile width fix: allow the centered grid and fields to shrink. */
.authPage {
  grid-template-columns: minmax(0, 1fr);
  overflow-x: visible;
}
.authPage .authShell {
  width: 100%;
  max-width: 430px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.authPage .authCard,
.authPage .authCard form,
.authPage .field,
.authPage .passwordField,
.authPage .input {
  min-width: 0;
  max-width: 100%;
}
.authPage .field {
  grid-template-columns: minmax(0, 1fr);
}
.authPage .authTabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.authPage .authTabs a,
.authPage .authBrand .brand,
.authPage .authBrand .brand > span,
.authPage .authFoot > span,
.authPage .flashMsg {
  min-width: 0;
}
.authPage .authBrand .brand {
  max-width: 100%;
}
@media (max-width: 700px) {
  .authPage .authShell {
    max-width: 410px;
  }
}