@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root {font-family:'DM Sans',system-ui,sans-serif;color:#eaf6ff;background:#030e1c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#071729;--bg2:#091e34;--card:#10273e;--line:#244158;--muted:#839bb5;--white:#f5fbff;--cyan:#0bd8ee;--blue:#2675ff;--mint:#5bedd1;--gold:#ffca67;--pink:#ff6b8b}
*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit}body{background:radial-gradient(circle at 30% 20%,#103453 0,#071424 45%,#020b16 100%)}
.phone-shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;min-height:100svh;height:100dvh;min-height:650px;margin:0 auto;background:linear-gradient(165deg,#081b30,#071628 55%,#061326);border-left:1px solid #173148;border-right:1px solid #173148;overflow:hidden;isolation:isolate}
@media(min-width:550px){.phone-shell{margin:22px auto;height:calc(100dvh - 44px);min-height:680px;max-height:1100px;border:1px solid #29485d;border-radius:30px;box-shadow:0 25px 85px #0008}}@media(max-width:549px){.phone-shell{height:100dvh;min-height:0;border:0}}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Outfit,system-ui,sans-serif;letter-spacing:-.025em}h1{font-size:28px;line-height:1.15}h2{font-size:25px;margin-bottom:4px}h3{font-size:17px;margin:0}small{font-size:11px}p{line-height:1.55}.subtle{color:var(--muted);font-size:13px;margin:7px 0 0}.grow{flex:1;min-width:0}.hidden{display:none!important}.spaced{margin-top:20px!important}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:#1ae6f4}.card{background:linear-gradient(155deg,#112942,#0a2036);border:1px solid #254158;border-radius:18px;padding:20px;margin-bottom:14px;box-shadow:0 8px 30px #00000014}.card.compact{padding:15px}.card h3{margin-bottom:14px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px}.card-heading h3{margin:0}.card-heading p{font-size:11px;color:var(--muted);margin:4px 0 0}.section-heading{margin:5px 0 22px}.heading-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.heading-row h2{margin:0}.section-row{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px}.section-row h3{font-size:18px}.section-row small{color:var(--muted)}.inline-link,.tiny-action{border:0;background:none;color:var(--cyan);font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:4px}.inline-link{padding:0}.tiny-action{margin:6px 0 9px;padding:0}.pill{border-radius:7px;border:1px solid #186878;background:#0b4252;color:#62f6f2;font-size:10px;font-weight:800;letter-spacing:.35px;padding:5px 8px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pill-gold{color:#fdd594;background:#493c24;border-color:#77613a}.pill-muted{color:#aac0d7;background:#22354c;border-color:#334b62}.pill-red{color:#ff99af;background:#4a1e37;border-color:#7e304a}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:14px 16px;border-radius:12px;border:1px solid transparent;color:#f9feff;font-size:13px;font-weight:900;min-height:48px;transition:transform .15s,background .2s}.btn:active{transform:scale(.98)}.btn-primary{color:#001626;background:linear-gradient(115deg,#24e6e3,#50b6ff);box-shadow:0 8px 24px #05c6ef20}.btn-outline{color:#eafaff;background:#0c273e;border-color:#2e6077}.btn-danger{background:#552237;border-color:#9d4056;color:#ffa6b7}.btn.full{width:100%}
input:not([type='checkbox']):not([type='file']),textarea,select{width:100%;background:#081a2c;color:#f5fdff;border:1px solid #31506b;border-radius:11px;outline:0;padding:13px 14px;min-height:45px;font-size:13px;transition:border-color .2s;max-width:100%;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--cyan)}input::placeholder,textarea::placeholder{color:#647f9a}input:disabled{opacity:.6}label:not(.check-line):not(.file-button){display:block;color:#b6ccdd;font-size:11px;font-weight:800;margin:17px 0 8px}button:focus-visible{outline:2px solid #15e2e6;outline-offset:3px}.field-help{font-size:11px;color:#93aabf;line-height:1.55}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:205px}.text-pink{color:var(--pink)}.text-mint{color:var(--mint)}
.demo-ribbon{height:24px;flex-shrink:0;background:#0c5262;color:#8effed;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;letter-spacing:1px;font-size:9px}.top-bar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #16334b;background:#08192b;flex-shrink:0;z-index:3}.top-icon{color:#c3d8eb;padding:7px;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.top-brand{display:flex;align-items:center;gap:9px}.top-logo{border-radius:10px;background:linear-gradient(125deg,#02e4eb,#266bff);display:grid;place-items:center;width:34px;height:34px;font-family:Outfit;font-size:19px;font-weight:900;font-style:italic;color:white;letter-spacing:-4px;padding-right:4px;box-shadow:0 5px 20px #009cff33}.top-logo span{font-size:12px;align-self:center;color:#001d3b;padding-left:1px}.top-brand>strong{font-family:Outfit;font-size:16px;letter-spacing:.35px;color:#f5faff}.top-brand>strong span{color:var(--cyan)}.top-actions{display:flex;gap:10px;align-items:center}.network-pill{display:flex;align-items:center;gap:6px;border:1px solid #2e5671;background:#122c43;border-radius:20px;padding:7px 10px;color:#bdd9ec;font-size:10px;font-weight:900}.network-pill span{width:6px;height:6px;border-radius:99px;background:#34e6ac;box-shadow:0 0 7px #13efbc}
.main-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2c5268 transparent;overscroll-behavior:contain;padding-bottom:20px}.content{padding:23px 19px 36px}.main-scroll:has(>.section-heading){padding:23px 19px 36px}.main-scroll:has(>.section-heading)>.card{margin-bottom:15px}.bottom-nav{height:73px;flex-shrink:0;display:grid;grid-template-columns:repeat(5,1fr);background:#0a1b2c;border-top:1px solid #234057;padding-bottom:env(safe-area-inset-bottom,0px);z-index:4}.bottom-nav button{background:transparent;border:0;color:#6d91aa;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;position:relative;font-size:10px;font-weight:700;padding:8px 0}.bottom-nav button.active{color:var(--cyan)}.bottom-nav button.active:before{content:'';position:absolute;top:0;width:40px;height:3px;border-radius:0 0 6px 6px;background:var(--cyan)}.install-fab{position:absolute;bottom:90px;right:16px;background:#12344d;border:1px solid #3d6376;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;color:#9adbf1;box-shadow:0 6px 18px #0007;z-index:4}
.home-greeting{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.home-greeting h1{font-size:24px;margin:8px 0 5px}.home-greeting h1 span{color:var(--cyan)}.home-greeting p{font-size:12px;color:#89a1bc;margin:0}.greeting-avatar{border:1px solid #3d6780;background:#1a384f;border-radius:100px;display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;overflow:hidden}.greeting-avatar img{width:100%;height:100%;object-fit:cover}.cyan-dot{display:flex;align-items:center;gap:7px}.cyan-dot:before{content:'';width:6px;height:6px;border-radius:99px;background:#14e9e4}.balance-card{position:relative;background:linear-gradient(130deg,#0a4a67 0%,#093657 45%,#0d2451 100%);overflow:hidden;border-radius:22px;padding:21px 20px;border:1px solid #157e9b;box-shadow:0 18px 44px #0065ab22;margin-bottom:15px}.balance-card:before{content:'';position:absolute;width:250px;height:250px;border:1px solid #4ddfec27;border-radius:50%;right:-130px;top:-145px;box-shadow:0 0 0 38px #2ef0e508,0 0 0 90px #35e9ff05}.balance-noise{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(150deg,transparent 0px,transparent 38px,#ffffff06 39px,#ffffff06 40px)}.balance-top,.balance-bottom,.balance-actions{display:flex;align-items:center;justify-content:space-between;position:relative}.balance-top>span:first-child{display:flex;align-items:center;gap:8px;font-size:12px;color:#b2e8f4}.balance-number{font-family:Outfit;font-size:41px;font-weight:800;letter-spacing:-1.4px;line-height:1.2;margin:23px 0 27px;position:relative}.balance-number small{font-size:15px;font-weight:600;color:#a9e4f1}.balance-bottom{border-top:1px solid #bff7ff2a;padding-top:14px;margin-bottom:16px;align-items:flex-start}.balance-bottom>div{display:flex;flex-direction:column;gap:5px}.balance-bottom span{font-size:10px;color:#b4d3e0}.balance-bottom strong{font-size:12px}.balance-actions{gap:10px}.balance-actions button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;border:1px solid #6bdded5c;background:#0a5b77b0;color:#f4fdff;font-weight:900;font-size:12px;min-height:42px;flex:1}.balance-actions button:first-child{background:#1de6dc;color:#00333b;border:0}.balance-card-small .balance-number{margin:12px 0 6px}.balance-card-small p{font-size:11px;color:#a5d3e5;margin:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0 17px}.mini-stat{border:1px solid #24445c;background:#10283e;border-radius:16px;padding:14px;min-height:114px;display:flex;flex-direction:column;justify-content:space-between}.mini-stat>span{font-size:11px;color:#91aec2}.mini-stat>b{font-size:25px;font-family:Outfit}.mini-stat>b small{font-size:14px;color:#779ab2}.mini-stat>small{color:#779ab2}.mini-top{display:flex;justify-content:space-between;align-items:center}.mini-top span{font-size:11px;color:#9ab1c7}.icon-bubble{width:34px;height:34px;border-radius:12px;background:#104a60;color:#27e3ee;display:grid;place-items:center}.icon-bubble.purple{background:#28365a;color:#aaa9fb}.icon-bubble.large{width:56px;height:56px;border-radius:18px;margin-bottom:17px}.mini-progress{height:5px;background:#29495b;border-radius:20px;overflow:hidden}.mini-progress div{height:100%;background:linear-gradient(90deg,#09d5ec,#7cf9d7)}.chart-card{padding:18px 15px 10px}.chart-stats{display:flex;justify-content:space-between;align-items:center}.chart-stats strong{font-size:14px}.chart-stats span{display:flex;align-items:center;color:#4cf0c6;gap:3px;font-size:11px;font-weight:700}.chart-wrap{height:158px;margin:10px -8px 0}.chart-foot{border-top:1px solid #25445b;padding:12px 0;display:flex;gap:8px;font-size:10px;color:#84a2b8;align-items:center}.chart-foot svg{color:#59ddd8;flex-shrink:0}.lesson-mini,.lesson-card{display:flex;align-items:center;text-align:left;width:100%;gap:11px;background:#10283f;border:1px solid #25435b;color:#eef7ff;border-radius:14px;padding:13px;margin-bottom:10px;cursor:pointer}.lesson-mini-icon,.lesson-card-icon{width:43px;height:43px;border-radius:12px;background:#124d62;color:#33e6e8;display:grid;place-items:center;flex-shrink:0}.lesson-mini .grow{display:flex;flex-direction:column;gap:3px}.lesson-mini b{font-size:12px}.lesson-mini span{font-size:10px;color:#95afc3}.lesson-mini>svg,.lesson-card>svg{color:#648ca6;flex-shrink:0}.disclaimer{margin:20px 0 4px;font-size:10px;line-height:1.65;color:#6484a0;border-left:2px solid #39627a;padding:8px 11px;background:#122c3d55;border-radius:0 8px 8px 0}
.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.plan-select{background:#0a2035;border:1px solid #33516b;padding:13px 10px;color:#effaff;text-align:left;border-radius:12px;display:flex;flex-direction:column;gap:8px}.plan-select.selected{border-color:#13e9e9;background:#0a4156;box-shadow:inset 0 0 0 1px #18dcea33}.plan-select>span{font-size:9px;letter-spacing:1.2px;color:#99aec7;font-weight:900}.plan-select strong{font-family:Outfit;font-size:27px}.plan-select strong small{color:#9fbbcd}.plan-select em{display:flex;gap:4px;color:#82e8da;align-items:center;font-size:11px;font-style:normal}.asset-options{display:flex;gap:9px}.asset-option{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;border:1px solid #345269;border-radius:12px;padding:9px 5px;background:#0b2238;color:#f2faff}.asset-option.selected{border-color:#00daec;background:#124e64}.asset-option b{font-size:10px}.asset-option svg{color:#5ff6df}.token{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:900;font-size:16px;color:white;flex-shrink:0}.token-orange{background:linear-gradient(145deg,#f9a328,#ff7e39)}.token-green{background:linear-gradient(145deg,#20caa4,#13654e)}.token-yellow{background:linear-gradient(145deg,#f8d843,#bd8e00)}.payment-note{display:flex;align-items:flex-start;gap:9px;background:#0d3646;border:1px solid #246374;border-radius:10px;padding:11px;margin:15px 0;color:#a8dbe4;font-size:11px;line-height:1.5}.payment-note svg{color:#2cddde;flex-shrink:0}.payment-invoice{border-color:#178494}.invoice-amount{font-family:Outfit;font-size:30px;color:#5ff6ee;font-weight:900;margin:18px 0}.invoice-amount small{font-size:16px;color:#cee9f6}.copy-field{display:flex;align-items:center;border:1px solid #345b72;border-radius:10px;background:#071f32;min-height:48px;margin:6px 0;overflow:hidden}.copy-field span{font-family:monospace;color:#d9f0fc;font-size:11px;padding:9px 10px;flex:1;min-width:0;overflow-wrap:anywhere}.copy-field button{padding:12px;border:0;border-left:1px solid #345b72;background:#12384b;color:#55e9eb}.current-member{display:flex;align-items:center;gap:7px;border:1px solid #1a8d8d;background:#0c464e;padding:12px;border-radius:12px;color:#befffb;font-size:11px;margin-bottom:16px;flex-wrap:wrap}.current-member>span{color:#81d8dc;margin-left:auto}.tier-card{position:relative}.tier-card.tier-premium{border-color:#8e754d;background:linear-gradient(150deg,#252e3b,#122237 65%)}.tier-top{display:flex;justify-content:space-between;align-items:center;color:#d5b17f}.tier-price{font-family:Outfit;font-weight:800;font-size:40px;margin:13px 0}.tier-price small{font-size:16px;color:#9badc1}.tier-card>p{font-size:12px;color:#98aebc;margin:0 0 20px}.feature{display:flex;gap:9px;align-items:center;font-size:12px;margin:10px 0}.feature svg{color:#42eacb;flex-shrink:0}.rate-heading{font-size:10px;font-weight:800;color:#a0b5ca;letter-spacing:1px;margin:23px 0 10px}.rate-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:20px}.rate-pill{border:1px solid #33516d;border-radius:10px;padding:8px 4px;text-align:center;background:#0a2236;display:flex;flex-direction:column;gap:4px}.rate-pill small{color:#94b3c7}.rate-pill b{color:#68e9db;font-size:14px}.input-with-suffix{position:relative}.input-with-suffix span{position:absolute;right:12px;top:14px;color:#89bbca;font-size:12px}.input-with-suffix input{padding-right:60px!important}
.empty{text-align:center;padding:34px 15px;color:#7996ad}.empty svg{color:#2ca7bc}.empty p{margin:10px 0 0;font-size:12px}.item-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #244156}.item-row:last-child{border-bottom:0}.item-row .grow{display:flex;flex-direction:column;gap:5px}.item-row strong{font-size:12px}.item-row small{color:#7693ad}.item-row>b{font-size:12px;white-space:nowrap}.item-icon{background:#0d4f52;color:#62e6ca;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.item-icon.negative{background:#4c2a40;color:#ff86a6}.podium{display:flex;align-items:end;justify-content:center;gap:8px;margin:20px 0}.podium-card{border:1px solid #31546c;background:linear-gradient(160deg,#163b54,#0e243a);border-radius:15px;width:32%;min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:11px 5px;position:relative}.podium-card.podium-1{min-height:168px;border-color:#d7b977;background:linear-gradient(155deg,#51432b,#17344a)}.podium-crown{color:#ebc66d}.podium-card>b{font-size:10px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-card small{font-size:10px;color:#a6d6e1}.podium-place{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);border-radius:18px;background:#28cdd2;padding:3px 11px;color:#002331;font-size:11px;font-weight:900}.podium-1 .podium-place{background:#e9c875}.avatar{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;color:#08263b;font-weight:900;font-family:Outfit;font-size:18px;border:2px solid #9fcfe0}.avatar-small{width:31px;height:31px;font-size:13px}.leaderboard-list{margin-top:25px}.list-labels{display:flex;justify-content:space-between;color:#718ea4;font-size:10px;letter-spacing:1px;font-weight:800;margin-bottom:5px}.leader-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #244257}.leader-row:last-child{border-bottom:0}.leader-row .rank{font-size:12px;color:#81a3b9;min-width:20px}.leader-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row b{font-size:12px;color:#5ef5e0}
.referral-code{background:linear-gradient(115deg,#095171,#0c304d)}.ref-head{display:flex;align-items:center;justify-content:space-between}.ref-head span{font-size:10px;color:#a1d7e3;letter-spacing:1px}.ref-head h3{font-family:Outfit;font-size:25px;margin:8px 0 14px;letter-spacing:1px}.ref-symbol{width:45px;height:45px;border:1px solid #26b6cc;border-radius:13px;display:grid;place-items:center;color:#65fbef}.copy-invite{background:#22e4df;border:0;color:#052a3f;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:43px;font-weight:900;font-size:12px}.segmented{background:#112940;padding:4px;display:flex;gap:4px;border-radius:12px;margin-bottom:16px;border:1px solid #28495c}.segmented button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;color:#8faec1;border:0;background:none;border-radius:9px;padding:11px;font-size:12px;font-weight:900}.segmented button.active{background:#145069;color:#66f8f1}.level-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #27455b}.level-row:last-child{border-bottom:0}.level-number{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#18556d;color:#6bf9eb;font-family:Outfit;font-size:15px;font-weight:800}.level-number.dim{background:#20344a;color:#6e8598}.level-row .grow{display:flex;flex-direction:column;gap:4px}.level-row b{font-size:12px}.level-row small{font-size:10px;color:#829ab4}.level-row>span{font-size:12px;font-weight:800;color:#a9f5e9}.tree-row{display:flex;align-items:center;gap:10px;padding-top:11px;padding-bottom:11px;border-bottom:1px solid #2b4760}.tree-row b{font-size:12px}.tree-row small{color:#7d9bb5;display:block;margin-top:4px}.tree-connector{width:12px;height:14px;border-bottom:1px solid #288fa6;border-left:1px solid #288fa6;flex-shrink:0}.course-hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(125deg,#0c5e70,#123765);border:1px solid #23879a;border-radius:18px;padding:20px;margin-bottom:20px}.course-hero h3{font-size:20px;line-height:1.15;max-width:245px;margin:14px 0 7px}.course-hero p{font-size:11px;color:#b6dfe6;margin:0;max-width:260px}.course-hero>svg{color:#5deee6;flex-shrink:0}.lesson-card{padding:14px 11px}.lesson-card-icon{width:46px;height:50px}.tint-1{background:#2b3857;color:#a3b7ff}.tint-2{background:#3c3745;color:#f6c27f}.lesson-card .grow{display:flex;flex-direction:column;gap:6px}.lesson-card-top{display:flex;justify-content:space-between;align-items:center}.lesson-card-top>span{font-size:10px;color:#6fe4e0}.lesson-card b{font-size:13px}.lesson-card small{color:#88a4ba;font-size:11px;line-height:1.4}.backlink{background:transparent;border:0;color:#60e7df;display:flex;gap:8px;align-items:center;font-weight:900;font-size:12px;margin:0 0 20px}.lesson-cover{height:130px;background:linear-gradient(115deg,#0c5870,#0b3263);border:1px solid #1a8ca3;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:19px;margin-bottom:18px;color:#72f4e9}.lesson-body{font-size:14px;line-height:1.85;color:#c8e0ee;white-space:pre-wrap}
.photo-settings{display:flex;gap:14px;align-items:center;margin-bottom:20px}.photo-settings>img{width:75px;height:75px;border-radius:19px;object-fit:cover;border:1px solid #4eacc3}.photo-settings>span{width:75px;height:75px;border-radius:19px}.photo-settings h3{margin:0 0 4px}.photo-settings p{margin:0 0 9px;color:#88a9bd;font-size:10px}.file-button{border:1px solid #276d87;border-radius:8px;background:#0c4056;color:#80eef1;padding:8px 10px;font-size:11px;font-weight:900;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.setting-title{display:flex;gap:8px;align-items:center;margin-bottom:8px}.setting-title svg{color:#4debe2}.setting-title h3{margin:0}.mfa-enroll{text-align:center}.mfa-enroll>img{max-width:190px;display:block;margin:14px auto;background:white;padding:8px}.logout-button{color:#ff96a7;border:1px solid #634257;background:#381f36;display:flex;align-items:center;gap:8px;width:100%;border-radius:11px;padding:14px;font-weight:900;margin:15px 0}.input-with-icon{display:flex;align-items:center;position:relative}.input-with-icon input{padding-right:50px!important}.input-with-icon button{position:absolute;right:8px;top:8px;border:0;color:#8db0c0;background:none;padding:7px}
.admin-note{border:1px solid #3b687d;background:#0d3349;padding:11px;border-radius:12px;display:flex;align-items:center;gap:8px;color:#aacddb;font-size:11px;line-height:1.5;margin-bottom:16px}.admin-note svg{color:#47ead9;flex-shrink:0}.admin-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -19px 19px;padding:0 19px 4px}.admin-tabs button{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:10px;background:#142e42;color:#9cb2c9;border:1px solid #29485c;border-radius:9px;font-size:11px;font-weight:800}.admin-tabs button.active{color:#2bf1e8;background:#11506a;border-color:#248ba3}.admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.admin-kpis>div{display:flex;flex-direction:column;gap:8px;background:#102b40;border:1px solid #285067;padding:13px;border-radius:13px}.admin-kpis svg{color:#5ce8e0}.admin-kpis b{font-family:Outfit;font-size:25px}.admin-kpis small{color:#89a3b7;font-size:10px}.admin-link{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #28485d;font-size:12px;cursor:pointer}.admin-link:last-child{border-bottom:0}.admin-link svg:first-child{color:#43deda}.admin-link svg:last-child{margin-left:auto;color:#7190a6}.admin-link small{color:#87a3b5;font-size:10px;margin-left:6px}.review-card .review-detail{border-bottom:1px solid #2c4a5e}.review-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:11px}.review-detail span{color:#92aec1}.review-detail strong{font-size:12px;color:#e2f2fd}.external{display:flex;align-items:center;gap:6px;color:#50e1eb;font-size:12px;font-weight:800;margin:13px 0 12px}.check-line{display:flex;align-items:start;gap:9px;color:#a8c1d0;font-size:11px;line-height:1.6;background:#0b3b4b;padding:10px;border-radius:10px;border:1px solid #2c6975}.check-line input{accent-color:#13dbe0;margin:3px 0 0}.button-pair{display:flex;gap:10px;margin-top:15px}.button-pair .btn{flex:1}.user-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #2a485e;padding:11px 0}.user-row .grow{display:flex;flex-direction:column;gap:3px}.user-row strong{font-size:11px}.user-row small{color:#829bb1}.user-row select{width:96px;font-size:10px;padding:8px;min-height:36px}
.auth-screen{flex:1;overflow-y:auto;overflow-x:hidden;background:#071728;padding-bottom:20px}.auth-logo{padding:18px 23px 8px;max-height:110px;display:flex;justify-content:center}.auth-logo img{width:100%;height:100px;object-fit:contain;max-width:370px}.auth-hero{position:relative;overflow:hidden;margin:10px 17px 0;padding:21px 20px 24px;border:1px solid #1b6078;border-radius:25px;background:linear-gradient(125deg,#0b4768,#092047 85%)}.ambient{position:absolute;border-radius:50%;pointer-events:none}.ambient-a{width:240px;height:240px;background:#02daf52a;right:-100px;top:-110px;filter:blur(20px)}.ambient-b{width:200px;height:200px;border:28px solid #0bd1ed0e;left:-135px;bottom:-140px}.auth-orb{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;color:#91ffff;background:linear-gradient(130deg,#0b9fa9,#184a93);border:1px solid #22b4c4;box-shadow:0 10px 35px #03c1eb33;margin-bottom:18px}.auth-hero h1{font-family:Outfit;font-size:30px;margin:16px 0 9px;line-height:1.05}.auth-hero h1 span{color:#61fff0}.auth-hero p{font-size:12px;color:#a2cfe1;line-height:1.55;position:relative}.token-row{display:flex;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #a3e9ff30;gap:8px}.token-row .token{width:25px;height:25px;font-size:15px;border:2px solid #6da4ad}.token-row>span:last-child{margin-left:6px;color:#acdeeb;font-size:10px;letter-spacing:.4px}.auth-content{padding:17px 22px 30px}.auth-tabs{display:flex;background:#142d44;border:1px solid #294d62;border-radius:12px;padding:4px;margin-bottom:18px}.auth-tabs button{flex:1;color:#92afc5;font-weight:900;font-size:12px;background:transparent;border:0;border-radius:9px;padding:11px}.auth-tabs button.active{color:#001d32;background:#33dceb}.auth-content .stack{display:flex;flex-direction:column;gap:2px}.auth-content .stack label{margin-top:10px}.auth-content .stack .btn{margin-top:12px}.auth-helpers{text-align:center;margin:15px 0}.auth-helpers button,.text-action{background:none;border:0;color:#4feaf0;font-size:12px;font-weight:700;padding:6px}.auth-content>h1{margin-top:25px}.auth-content .subtle{margin-bottom:22px}.legal-small{font-size:10px;color:#6b879e;text-align:center;margin:20px 0 0;line-height:1.6}
.loading{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7ddbe4;font-size:13px}.loading .orb{height:55px;width:55px;border:5px solid #164c67;border-top-color:#28e5ef;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}
.drawer-overlay{position:absolute;inset:0;z-index:10;background:#010c19b5;display:flex}.drawer{width:min(86%,345px);background:#091b2d;border-right:1px solid #3a5870;height:100%;overflow-y:auto;padding:20px 14px;animation:slide .2s ease-out;box-shadow:16px 0 45px #0008}@keyframes slide{from{transform:translateX(-20px);opacity:.5}to{transform:translateX(0);opacity:1}}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;padding:0 7px}.drawer-head>button{background:transparent;border:0;color:#b7d3e2}.drawer-member{display:flex;gap:11px;align-items:center;padding:13px;background:#112b42;border:1px solid #315266;border-radius:12px;margin:0 5px 22px}.drawer-member-icon{height:37px;width:37px;background:#1c5e75;display:grid;place-items:center;border-radius:10px;color:#51e8ec}.drawer-member b{font-size:12px;display:block}.drawer-member small{font-size:10px;color:#87afc2}.drawer-title{font-size:9px;font-weight:900;color:#698fa7;letter-spacing:1.7px;margin:19px 0 12px;padding-left:13px}.drawer-link{display:flex;align-items:center;gap:13px;width:100%;padding:12px 12px;border:1px solid transparent;background:none;color:#9bb4c8;border-radius:11px;text-align:left;margin-bottom:3px;font-size:12px;font-weight:700}.drawer-link span{flex:1}.drawer-link.active{background:#114d60;color:#46edf2;border-color:#287a89}.drawer-link svg:last-child{opacity:.6}.drawer-footer{border-top:1px solid #25435d;margin-top:16px;padding:15px 5px 10px;display:flex;flex-direction:column;gap:7px}.drawer-footer button{border:0;background:#112c43;color:#a2cde2;text-align:left;padding:13px;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:12px}.drawer-footer button:last-child{color:#ff9cae}.toast{z-index:19;position:absolute;left:13px;right:13px;bottom:83px;min-height:53px;border-radius:13px;background:#113d4e;border:1px solid #26a3a9;color:#e0ffff;display:flex;align-items:center;gap:9px;padding:10px 12px;box-shadow:0 15px 40px #000a;font-size:12px;line-height:1.4}.toast>span{flex:1}.toast svg{color:#2beedb;flex-shrink:0}.toast button{background:transparent;border:0;color:#a9d3e3}.modal-shade{position:absolute;inset:0;z-index:20;background:#000b;display:flex;align-items:center;justify-content:center;padding:25px}.modal-card{position:relative;border:1px solid #3b6b84;background:#0e283e;border-radius:19px;padding:26px;width:100%;max-width:400px}.modal-card h3{font-size:22px}.modal-card p{font-size:13px;color:#9ebacd;line-height:1.65}.modal-close{position:absolute;right:14px;top:14px;background:transparent;border:0;color:#9bcbe2}
.verified-status{display:flex;align-items:center;gap:8px;color:#82dccc;background:#0d3545;border-radius:10px;padding:10px;font-size:11px;margin:12px 0}.verified-status svg{color:#48e1d1}

.feedback-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;margin:auto;border:1px solid #35546a;border-radius:24px;padding:38px 30px 28px;background:radial-gradient(ellipse at 50% 0,#16434d 0,transparent 65%),#0d1b2d;color:#eaf6ff;box-shadow:0 30px 100px #0008;text-align:center;font-family:inherit}.feedback-dialog::backdrop{background:#020a16c9;backdrop-filter:blur(7px)}.feedback-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;margin:0 auto 22px;color:#8aeadb;background:#62e5ce16;border:1px solid #7ce3d149;box-shadow:0 0 40px #43d7be12}.feedback-brand{font-size:11px;font-weight:800;letter-spacing:2.6px;color:#7de5db}.feedback-dialog h2{font-family:Outfit,system-ui,sans-serif;font-size:28px;line-height:1.2;margin:12px 0}.feedback-dialog p{font-size:14px;line-height:1.75;color:#b2c9db;margin:0 0 26px;overflow-wrap:anywhere}.feedback-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:#a6bdce;border-radius:8px;cursor:pointer}.feedback-close:hover{background:#ffffff0b}.feedback-close:focus-visible,.feedback-done:focus-visible{outline:2px solid #8aeadb;outline-offset:4px}.feedback-dialog .feedback-done{min-height:48px;margin:0}.feedback-error .feedback-icon{color:#ffb3be;background:#ff809615;border-color:#ff809640}.feedback-error{background:radial-gradient(ellipse at 50% 0,#3a243d 0,transparent 65%),#0d1b2d}.recovery-screen{display:grid;place-items:center;min-height:100dvh;padding:28px}.recovery-card{width:min(480px,100%);margin:auto}.recovery-card .brand-logo{margin-bottom:24px}.recovery-card .stack{display:flex;flex-direction:column;gap:12px}.recovery-card p{line-height:1.7}.recovery-card label{display:block;margin-bottom:8px}@media(max-width:480px){.feedback-dialog{padding:32px 22px 24px}.feedback-dialog h2{font-size:25px}.recovery-screen{padding:20px}}

.genealogy-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.genealogy-tree{margin-top:18px}.genealogy-node{border-left:2px solid #42758c;padding:12px 16px;margin-bottom:10px;background:#0a2035;border-radius:8px;overflow-wrap:anywhere}.genealogy-node-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.genealogy-member{display:grid;gap:5px}.genealogy-member small{color:#b2c5d5}.genealogy-panel .button-pair{align-items:center;flex-wrap:wrap}.genealogy-panel code{user-select:all}.genealogy-panel .admin-table td{vertical-align:top}.genealogy-panel .admin-table small{overflow-wrap:anywhere}

.phone-shell.account-access-shell{width:100%;max-width:720px;min-height:0;max-height:none}
.account-access-screen{flex:1;min-height:0;display:flex;align-items:safe center;justify-content:center;overflow-y:auto;padding:clamp(20px,4vw,40px)}
.account-access-card{box-sizing:border-box;width:100%;max-width:540px;margin:0;padding:clamp(24px,4vw,36px)}
.account-access-card .brand-logo{width:min(240px,100%);height:auto;aspect-ratio:290/98;margin:0 0 24px}
.account-access-icon{color:#ffb3be;margin-bottom:16px;display:flex}
.account-access-card h1{font-size:clamp(28px,4vw,36px);line-height:1.18;letter-spacing:-.8px;margin:0 0 18px;overflow-wrap:normal}
.account-access-card p{font-size:15px;line-height:1.65;margin:0 0 18px;overflow-wrap:anywhere}
.account-access-card .account-access-identity{font-size:13px;color:#b2c9db}
.account-access-identity strong{display:block;color:#eaf6ff;font-weight:600}
.account-access-detail{color:#b2c9db}
.account-access-card .btn{min-height:48px;margin-top:6px}
.account-access-signout{display:block;width:100%;min-height:44px;margin:12px 0 0}
.account-access-spinner{animation:account-access-spin 1s linear infinite;color:#7fe6da}
@keyframes account-access-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.account-access-spinner{animation:none}}
@media(max-width:549px){.account-access-screen{padding:20px 16px}.account-access-card{padding:24px 20px}}

.account-authenticator-qr{display:block;width:200px;max-width:100%;margin:18px auto;padding:10px;background:white;border-radius:12px}.account-authenticator-secret{display:block;overflow-wrap:anywhere;margin:12px 0}.account-authenticator-verified{color:#8aeadb;margin-top:16px!important}.account-access-card form{margin:20px 0}.account-access-card form label{display:block;margin-bottom:8px}

.account-sync-notice{display:flex;align-items:flex-start;gap:14px;padding:20px;margin-bottom:24px;background:#283344;border:1px solid #b1c7dc40;border-radius:18px;color:#eaf6ff}.account-sync-notice>svg{color:#ffb3be;flex-shrink:0}.account-sync-notice>div{flex:1;min-width:0}.account-sync-notice strong{font-size:15px}.account-sync-notice p{font-size:13px;color:#b2c9db;line-height:1.6;margin:8px 0}.account-sync-notice span{display:flex;align-items:center;gap:6px;color:#8aeadb;font-size:12px}.balance-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.account-sync-notice{flex-wrap:wrap}.account-sync-notice .btn{width:100%}}

/* Keep the sign-in challenge centered within the visible viewport. */
.phone-shell.authenticator-shell{height:100dvh;min-height:0;max-height:none;margin:0 auto;border:0;border-radius:0;background:transparent;box-shadow:none}
.authenticator-shell .account-access-screen{padding:16px;align-items:safe center}
.authenticator-shell .account-access-card{max-width:500px;padding:24px}
.authenticator-shell .brand-logo{width:200px;margin:0 auto 16px}
.authenticator-shell .account-access-icon{justify-content:center;margin-bottom:12px}
.authenticator-shell h1{text-align:center;font-size:28px;margin-bottom:12px}
.authenticator-shell p{font-size:14px;line-height:1.5;margin-bottom:12px}
.authenticator-shell form{margin:16px 0}
.authenticator-shell input{min-height:44px;padding:10px 14px}
.authenticator-shell .btn{min-height:44px;padding:10px 16px}
.authenticator-shell .account-access-signout{min-height:36px;margin-top:4px}
@media(max-height:650px){
 .authenticator-shell .account-access-screen{padding:12px}
 .authenticator-shell .account-access-card{padding:20px}
 .authenticator-shell .brand-logo{width:140px;margin-bottom:10px}
 .authenticator-shell .account-access-icon{margin-bottom:8px}
 .authenticator-shell .account-access-icon svg{width:24px;height:24px}
 .authenticator-shell h1{font-size:24px;margin-bottom:10px}
 .authenticator-shell form{margin:10px 0}
 .authenticator-shell .account-access-detail{font-size:12px;margin-bottom:6px}
}

.live-market-card { grid-column:1/-1; min-width:0; margin-top:22px; }
.market-section-title { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; flex-wrap:wrap; }
.market-section-title h3 { font-size:24px; margin:9px 0 0; font-weight:600; letter-spacing:-.5px; }
.market-assets { display:flex; gap:5px; background:#121d2c; border:1px solid #ffffff10; border-radius:14px; padding:5px; }
.market-assets button { display:flex; align-items:center; gap:7px; border:1px solid transparent; background:none; color:#92a3bb; padding:9px 13px; border-radius:10px; font-size:11px; font-weight:700; }
.market-assets button.active { background:#243b3c; border-color:#8de5c633; color:#c7f6e4; }
.market-assets .token-logo,.market-assets .token-logo-fallback { width:21px; height:21px; flex-basis:21px; }
.market-terminal { background:radial-gradient(ellipse at 50% 0%,#1b242b55,transparent 65%),#0e131b; border:1px solid #ffffff12; border-radius:21px; overflow:hidden; box-shadow:0 16px 40px #0002; }
.market-toolbar { display:flex; flex-wrap:wrap; gap:11px; align-items:center; padding:17px 17px 12px; }
.market-stream-label { display:flex; align-items:center; gap:10px; }
.market-stream-label strong { font-size:12px; white-space:nowrap; color:#e0e8f2; }
.market-stream-label select { width:50px; min-height:28px; padding:4px 2px; background:transparent; border:0; font-size:11px; color:#abbacf; outline-offset:1px; }
.market-status-dot { display:inline-block; width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#60718a; }
.market-status-dot.status-live { background:#36dfac; box-shadow:0 0 0 6px #36dfac12,0 0 17px #36dfac55; }
.market-status-dot.status-connecting,.market-status-dot.status-loading,.market-status-dot.status-reconnecting { background:#dfba70; }
.market-status-dot.status-offline { background:#f77b92; }
.market-status-text { font-size:10px; color:#dfba70; }
.market-status-text.status-live { color:#34dca7; }
.market-status-text.status-offline { color:#f77b92; }
.market-countdown { border:1px solid #ffffff0b; background:#ffffff04; border-radius:20px; padding:5px 10px; color:#8195ae; font-size:10px; white-space:nowrap; }
.market-countdown b { color:#c8d1df; font-weight:600; }
.market-zoom { display:flex; align-items:center; gap:3px; padding:3px 6px; background:#1a222e; border:1px solid #ffffff08; border-radius:22px; margin-left:auto; }
.market-zoom button { display:flex; align-items:center; justify-content:center; color:#afbed1; background:transparent; border:0; padding:6px; }
.market-zoom>span { font-size:10px; color:#9bacc4; min-width:24px; text-align:center; }
.market-zoom .market-reset { font-size:10px; gap:5px; padding-right:7px; }
.market-candle-count { display:flex; align-items:center; gap:7px; font-size:10px; padding:8px 10px; border:1px solid #425168; border-radius:10px; color:#a7b6ca; }
.market-candle-count b { padding:3px 6px; border-radius:5px; background:#ffffff04; font-size:11px; }
.market-mode { display:flex; align-items:center; padding:4px; border-radius:24px; border:1px solid #ffffff0a; background:#1b232f; }
.market-mode button { padding:6px 13px; background:transparent; border:0; color:#97a6bd; border-radius:20px; font-size:10px; }
.market-mode button.active { background:#bcf274; color:#182b1a; font-weight:800; box-shadow:0 0 15px #bcf27422; }
.market-legend { display:flex; flex-wrap:wrap; gap:8px 14px; padding:0 18px 12px; font-family:ui-sans-serif,system-ui,sans-serif; font-size:10px; line-height:1.7; color:#8296b1; min-height:36px; }
.market-legend>span { white-space:nowrap; }
.market-legend b { font-weight:500; color:#bac7d9; }
.market-legend span[style] b { color:inherit; }
.market-positive,.market-legend b.market-positive { color:#34dfac; }
.market-negative,.market-legend b.market-negative { color:#ff638a; }
.market-canvas { position:relative; width:100%; min-height:330px; touch-action:pan-y; }
.market-canvas svg { display:block; max-width:none; user-select:none; }
.market-watermark { fill:#ffffff03; font-weight:800; font-family:system-ui,sans-serif; letter-spacing:-3px; }
.market-grid-line { stroke:#2c3644; stroke-dasharray:2 7; stroke-opacity:.4; }
.market-axis-label { fill:#7e93ad; font-size:10px; font-family:ui-sans-serif,system-ui,sans-serif; }
.market-last-price { fill:#101922; font-size:11px; font-weight:800; font-family:ui-sans-serif,system-ui,sans-serif; }
.market-placeholder { min-height:365px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:15px; text-align:center; padding:35px; color:#82cdbb; }
.market-placeholder strong { color:#c8d8e9; font-size:16px; }
.market-placeholder p { color:#879bb6; max-width:360px; font-size:12px; margin:0; }
.market-placeholder button,.market-stale-banner button { background:#233b3c; color:#b6ecdb; border:1px solid #8ae7cc30; padding:7px 12px; border-radius:8px; font-size:11px; }
.market-stale-banner { position:absolute; bottom:40px; left:18px; right:18px; padding:9px 12px; display:flex; align-items:center; gap:9px; color:#dfbd89; font-size:10px; background:#161d29ed; border:1px solid #d7b57b25; border-radius:10px; }
.market-stale-banner button { margin-left:auto; }
.market-footer { border-top:1px solid #ffffff06; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:9px; padding:12px 17px; color:#6e829b; font-size:9px; }
.market-footer>span { display:flex; align-items:center; gap:7px; }
.market-footer .market-status-dot { width:5px; height:5px; flex-basis:5px; box-shadow:none; }
.market-footer a { color:#93b6ae; text-decoration:none; }
.market-footer a:hover { color:#a5f5dc; }
.market-footer-divider { color:#46586e; margin:0 2px; }
.market-explainer { color:#869ab4; font-size:10px; line-height:1.8; margin:11px 3px 0; }
@media(min-width:1050px) { .live-market-card { margin:0; } }
@media(max-width:650px) { .market-section-title { gap:15px; } .market-section-title h3 { font-size:21px; } .market-assets button { padding:7px 10px; } .market-assets .token-logo { width:18px; height:18px; flex-basis:18px; } .market-toolbar { padding:14px 12px; gap:9px; } .market-stream-label { gap:7px; } .market-countdown { margin-left:auto; font-size:9px; } .market-zoom { margin-left:0; } .market-candle-count { margin-left:auto; font-size:9px; padding:6px; } .market-mode button { padding:7px 10px; } .market-legend { padding:0 12px 10px; gap:5px 10px; font-size:9px; } .market-footer { padding:12px; font-size:8px; } .market-last-price { font-size:9px; } .market-axis-label { font-size:9px; } }

.install-dialog-shade { position:fixed; inset:0; z-index:100; background:#020710b8; backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:22px; }
.install-dialog { position:relative; width:100%; max-width:560px; max-height:calc(100dvh - 44px); overflow-y:auto; overflow-x:hidden; padding:30px; background:linear-gradient(145deg,#182b3b,#0e192b); border:1px solid #7edcc535; border-radius:25px; box-shadow:0 30px 100px #0008; outline:none; color:#dce9f4; animation:content-reveal .2s ease; }
.install-dialog-close { position:absolute; right:18px; top:18px; display:grid; place-items:center; width:30px; height:30px; background:#ffffff05; border:1px solid #ffffff13; border-radius:50%; color:#a0b8ce; }
.install-illustration { position:relative; width:235px; height:145px; margin:0 auto 28px; display:flex; align-items:center; justify-content:center; }
.install-screen { width:153px; height:109px; border:5px solid #93dcd44d; background:linear-gradient(#b4e7ed15,#b4e7ed04); border-radius:11px; position:relative; display:flex; align-items:flex-end; justify-content:center; padding-bottom:4px; }
.install-screen>svg { position:absolute; top:35px; color:#88dfd1; }
.install-screen>span { position:absolute; width:4px; height:4px; border-radius:50%; background:#91c6c5; top:-4px; left:50%; }
.install-screen>div { display:flex; align-items:flex-end; gap:3px; padding:4px 12px 0; background:#93dcd412; border-radius:6px; }
.install-screen i { width:12px; height:11px; background:#8dd6cf38; border-radius:3px; }
.install-screen i.selected { height:17px; background:#79e3b7; box-shadow:0 0 18px #79e3b733; }
.install-laptop-base { position:absolute; bottom:8px; left:10px; right:10px; height:7px; background:linear-gradient(90deg,#4f8396,#9be2da,#4f8396); border-radius:0 0 11px 11px; }
.install-laptop-base:after { content:''; position:absolute; bottom:-5px; left:-13px; right:-13px; height:3px; border-radius:50%; background:#8ee3d324; filter:blur(1px); }
.install-dialog h2 { font-size:25px; font-weight:600; margin-bottom:10px; }
.install-dialog-intro { font-size:13px; color:#9db5ca; line-height:1.7; max-width:420px; }
.install-app-identity { display:flex; align-items:center; gap:17px; padding:22px 0 27px; }
.install-app-identity img { display:block; object-fit:contain; width:52px; height:52px; flex-shrink:0; }
.install-app-identity>div { flex:1; }
.install-app-identity strong { display:block; color:#e4f3f6; font-size:15px; font-weight:600; }
.install-app-identity div span { display:block; color:#839fb9; font-size:12px; margin-top:6px; overflow-wrap:anywhere; }
.install-app-tag { border:1px solid #92d8c822; padding:5px 7px; border-radius:6px; color:#8cb8b4; font-size:8px; letter-spacing:.8px; }
.install-dialog-actions { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:10px; }
.install-dialog-actions>div { display:flex; gap:10px; }
.install-dialog-actions button { min-height:43px; border-radius:25px; padding:10px 20px; font-size:12px; }
.install-learn-more { display:flex; align-items:center; gap:5px; background:transparent; border:1px solid #789ca130; color:#a7d9d0; }
.install-confirm { background:#a0ebd2; color:#17392e; border:1px solid transparent; font-weight:700; min-width:100px; }
.install-cancel { background:#193c43; color:#c2e8e1; border:1px solid #93dccb38; min-width:100px; }
.install-manual-help { background:#8edfc407; border:1px solid #8edfc421; border-radius:12px; padding:15px 18px; margin:0 0 20px; }
.install-manual-help>b { color:#b9e5da; font-size:12px; }
.install-manual-help p { color:#92afc2; font-size:11px; line-height:1.8; margin:9px 0 0; }
.install-dialog-error { color:#f0b1bc; font-size:11px; line-height:1.7; }
@media(max-width:470px) { .install-dialog { padding:24px 20px; } .install-dialog-actions { flex-wrap:wrap; } .install-dialog-actions>div { flex:1; justify-content:flex-end; } .install-dialog-actions button { font-size:11px; padding:10px 15px; min-width:0; } .install-app-tag { display:none; } }

.manual-editor label{display:block;margin:14px 0 7px}.manual-editor fieldset,.card>form>fieldset{border:0;padding:0;margin:0;min-width:0}.manual-editor textarea{width:100%;min-height:80px}.manual-editor .button-pair{margin-top:16px}.manual-recipient{display:grid;gap:8px;padding:16px;margin:14px 0;border:1px solid #72d9c733;border-radius:12px;background:#10303d}.manual-recipient code{overflow-wrap:anywhere;user-select:all}.manual-check{display:flex!important;gap:10px;align-items:center}.manual-check input{width:18px;min-height:18px;flex:0 0 18px}

.activation-panel{margin:18px 0}.activation-form{max-width:640px}.activation-form fieldset{border:0;padding:0;margin:0;min-width:0}.activation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:24px}.activation-item{padding:16px;border:1px solid #33516b;border-radius:12px;background:#0a2035;min-width:0}.activation-item .card-heading{gap:8px;flex-wrap:wrap}.activation-value{display:block;padding:12px 0;color:#78f7df;font-size:13px;overflow-wrap:anywhere;user-select:all}.activation-item .button-pair{flex-wrap:wrap}.activation-panel textarea,.admin-danger textarea{width:100%}

.activation-toolbar,.activation-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}
.activation-toolbar>.button-pair{display:inline-flex;flex-wrap:nowrap;width:auto;gap:10px}
.activation-toolbar>.button-pair>.btn{flex:0 0 auto;width:auto;min-width:100px;white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:10px 18px;min-height:42px}
.activation-code-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.activation-item .activation-code-actions .btn{flex:1;white-space:nowrap}
.activation-table-wrap{width:100%;max-width:100%;overflow-x:auto;margin-top:20px;border:1px solid #33516b;border-radius:12px}
.activation-table{width:100%;min-width:960px;border-collapse:collapse;font-size:13px;text-align:left}
.activation-table th{padding:14px 16px;white-space:nowrap;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#93b0c5;background:#0a2035;border-bottom:1px solid #33516b}
.activation-table td{padding:13px 16px;vertical-align:middle;border-bottom:1px solid #ffffff0d;white-space:nowrap}
.activation-table tbody tr:last-child td{border-bottom:0}
.activation-table tbody tr:hover{background:#7de5db06}
.activation-table td small{display:block;margin-top:5px;color:#91adbf;font-size:11px}
.activation-table .activation-value{padding:0;white-space:nowrap;overflow-wrap:normal}
.activation-table .activation-code-actions{flex-wrap:nowrap}
.activation-table .btn{min-height:34px;padding:7px 12px;font-size:11px;white-space:nowrap}

.activation-table .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.admin-sidebar-nav{display:flex;flex-direction:column;gap:3px}.admin-shell .sidebar-note{background:#12303a}.admin-editor{scroll-margin-top:24px}.admin-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-editor-heading h3{margin:0}.admin-editor fieldset{border:0;padding:0;margin:0;min-width:0}.admin-editor fieldset:disabled{opacity:.65}.admin-editor label{display:block;margin:14px 0 7px}.admin-editor textarea{min-height:110px}.admin-editor textarea.admin-content-input{min-height:320px;line-height:1.7}.admin-editor .btn{margin-top:16px}.admin-editor .admin-toggle{display:flex;align-items:center;gap:10px;margin:18px 0}.admin-toggle input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:#7de5db}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-table-wrap{overflow-x:auto;margin-top:20px}.admin-table{border-collapse:collapse;width:100%;font-size:13px;min-width:560px}.admin-table th{text-align:left;color:#8da9be;font-size:11px;text-transform:uppercase;letter-spacing:.8px;padding:12px;border-bottom:1px solid #2c4359}.admin-table td{padding:16px 12px;border-bottom:1px solid #ffffff0b;vertical-align:middle}.admin-table td small{display:block;margin-top:7px;color:#91adbf}.admin-table .btn{padding:8px 14px;min-height:38px;font-size:12px}.admin-danger{margin-top:30px;border:1px solid #86475766;border-radius:14px;padding:20px;background:#4b233016}.admin-danger p{color:#bdadbc;font-size:13px;line-height:1.7}.admin-danger .btn{margin-top:14px}.account-disabled{max-width:520px;margin:10vh auto;padding:28px}.admin-shell .main-scroll{background:linear-gradient(145deg,#0b192b,#0c1524)}@media(max-width:600px){.admin-form-grid{grid-template-columns:1fr}.admin-editor-heading{align-items:flex-start;flex-direction:column}.admin-table{min-width:500px}}

.academy-page h1 { font-size:clamp(29px,3vw,40px); margin:13px 0 10px; }
.academy-overview { display:flex; justify-content:space-between; gap:30px; padding:34px; background:radial-gradient(ellipse at 100% 10%,#74dbc622,transparent 65%),linear-gradient(120deg,#183d45,#17273e); border:1px solid #82e4cd26; border-radius:23px; }
.academy-overview h2 { font-size:33px; font-weight:600; margin:20px 0 12px; }
.academy-overview p { font-size:12px; color:#a9c5d1; max-width:420px; margin:0; line-height:1.8; }
.academy-overview-stats { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; color:#91e5d1; gap:13px; min-width:180px; }
.academy-overview-stats strong { font-family:Outfit,sans-serif; font-size:48px; font-weight:500; line-height:1; }
.academy-overview-stats strong small { font-family:'DM Sans',sans-serif; display:block; font-size:10px; color:#bfdedc; font-weight:400; margin-top:8px; }
.academy-overview-stats>span { color:#8db2c2; font-size:10px; }
.academy-levels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin:24px 0; }
.academy-level { text-align:left; border:1px solid #ffffff12; padding:20px; border-radius:16px; color:#d1deed; background:#142034; transition:border-color .2s,transform .2s; }
.academy-level:hover { transform:translateY(-2px); border-color:#83ddc83d; }
.academy-level.active { border-color:#88e3c86b; background:#1a343c; }
.academy-level>.eyebrow { font-size:8px; color:#7ca8b7; }
.academy-level h3 { display:flex; justify-content:space-between; align-items:center; font-size:18px; margin:12px 0 8px; }
.academy-level p { font-size:11px; line-height:1.7; color:#8fa8c0; min-height:38px; margin-bottom:17px; }
.academy-level small { color:#8fa8c0; font-size:9px; }
.academy-level-progress { height:3px; border-radius:4px; background:#2c3c52; overflow:hidden; margin-bottom:11px; }
.academy-level-progress span { display:block; height:100%; background:#8ce5d0; }
.academy-filter-bar { display:flex; gap:12px; flex-wrap:wrap; margin:28px 0 4px; }
.academy-directory-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0 20px; padding-bottom:18px; border-bottom:1px solid #ffffff10; }
.academy-directory-tabs button { padding:11px 15px; border:1px solid #ffffff14; background:#152338; color:#94afc4; border-radius:10px; font-size:11px; }
.academy-directory-tabs button.active { background:#20443e; border-color:#8cdebf44; color:#b9ecda; }
.academy-directory { margin-top:28px; }
.academy-directory>.section-row { margin-bottom:10px; }
.directory-intro { color:#8ca7c0; font-size:12px; line-height:1.8; max-width:760px; margin-bottom:23px; }
.directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.directory-card { display:flex; flex-direction:column; padding:24px; border:1px solid #ffffff13; border-radius:17px; background:linear-gradient(140deg,#172a3b,#122034); text-decoration:none; transition:border-color .2s,transform .2s; }
.directory-card:hover { transform:translateY(-3px); border-color:#8cdebf45; }
.directory-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; color:#75b5ad; }
.directory-icon { width:47px; height:47px; display:grid; place-items:center; background:#8cdebf0a; border:1px solid #8cdebf1c; border-radius:13px; color:#a0e5d0; }
.directory-icon img { object-fit:contain; border-radius:50%; }
.directory-icon.directory-brand-icon { width:56px; height:56px; flex:0 0 56px; padding:9px; background:#fff; border:1px solid #ffffff20; overflow:hidden; }
.directory-icon.directory-brand-icon img { display:block; width:36px; height:36px; max-width:100%; max-height:100%; object-fit:contain; border-radius:7px; }
.directory-features { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 22px; }
.directory-features span { padding:5px 7px; border:1px solid #8bdac120; background:#8bdac107; border-radius:7px; color:#98c8bc; font-size:9px; line-height:1.6; }
.directory-card>.eyebrow { font-size:8px; letter-spacing:1px; line-height:1.8; color:#7aa99d; }
.directory-card h3 { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:21px; margin:12px 0; }
.directory-card h3 small { font-family:'DM Sans',sans-serif; font-weight:400; font-size:10px; color:#8ca3b9; }
.directory-card p { font-size:12px; line-height:1.8; color:#94afc8; margin:0 0 23px; }
.directory-link { display:flex; justify-content:space-between; align-items:center; color:#9ad9c6; margin-top:auto; border-top:1px solid #ffffff0d; padding-top:15px; font-size:10px; }
.directory-review { font-size:10px; color:#7c98af; line-height:1.8; margin:22px 0; }
@media(max-width:1150px) { .directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .directory-grid { grid-template-columns:1fr; } .academy-directory-tabs button { font-size:10px; padding:10px 12px; } }
.academy-search { position:relative; flex:1; min-width:220px; }
.academy-search>svg { position:absolute; top:17px; left:14px; color:#7f9ab5; }
.academy-search input { padding-left:42px!important; }
.academy-filter-bar>select { width:220px; }
.academy-reset { border:1px solid #ffffff1a; color:#a6dccc; background:#182a39; padding:0 17px; border-radius:11px; font-size:11px; min-height:49px; }
.module-heading { display:flex; align-items:flex-start; gap:20px; margin:15px 0 30px; }
.module-symbol { display:grid; place-items:center; flex:0 0 68px; height:68px; border-radius:20px; background:#234449; border:1px solid #80e1c825; color:#a9ead9; }
.module-heading h1 { margin:12px 0; font-size:clamp(26px,3vw,37px); }
.module-heading p { color:#9eb4cd; font-size:13px; line-height:1.8; margin-bottom:17px; }
.module-meta { display:flex; flex-wrap:wrap; gap:10px; }
.module-meta>span { display:flex; align-items:center; gap:6px; padding:6px 9px; border-radius:7px; background:#ffffff06; border:1px solid #ffffff0b; color:#9fc8c4; font-size:10px; }
.module-reader { padding:clamp(23px,3vw,40px); }
.module-prose { max-width:800px; margin:0 auto; }
.module-prose h2 { font-size:22px; margin:32px 0 15px; color:#d5e7f3; }
.module-prose h2:first-child { margin-top:0; }
.module-prose h3 { font-size:17px; margin:25px 0 10px; }
.module-prose p,.module-prose li { font-size:14px; color:#b0c4d8; line-height:1.95; }
.module-prose ul { padding-left:22px; }
.module-prose li { padding-left:5px; margin:7px 0; }
.module-prose a { color:#96e5d0; text-underline-offset:4px; }
.module-prose p:last-child { color:#819cb5; font-size:11px; }
.module-answer { border:1px solid #82e1c530; border-radius:12px; padding:17px 20px; background:#82e1c506; margin:25px 0; }
.module-answer summary { font-size:12px; color:#a3e8d7; cursor:pointer; }
.module-answer p { margin-bottom:0; }
.module-locked { padding:35px; color:#94d8c9; }
.module-locked h3 { margin-top:17px; font-size:23px; }
.module-locked p { color:#9bb3ca; font-size:13px; max-width:520px; line-height:1.8; }
.module-navigation { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:27px; }
.module-navigation button { display:flex; align-items:center; gap:12px; text-align:left; border:1px solid #ffffff12; background:#132036; color:#a9dfd2; padding:18px; border-radius:13px; font-size:11px; }
.module-navigation button:last-child { text-align:right; justify-content:flex-end; }
.module-navigation small { display:block; color:#89a4bc; font-size:10px; margin-top:7px; line-height:1.7; }
@media(max-width:1190px) { .academy-levels { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:749px) { .academy-overview { padding:25px; gap:20px; } .academy-overview h2 { font-size:27px; } .academy-overview-stats { min-width:85px; } .academy-overview-stats>span { max-width:105px; line-height:1.8; text-align:right; } .academy-overview-stats strong { font-size:39px; } .academy-level { padding:17px; } .academy-level h3 { font-size:16px; } .academy-search { min-width:100%; } .academy-filter-bar>select { flex:1; width:auto; } .module-heading { display:block; } .module-symbol { width:55px; height:55px; margin-bottom:22px; } .module-navigation { gap:9px; } .module-navigation button { padding:13px; } .module-prose p,.module-prose li { font-size:13px; } }
.local-provider-table-wrap { overflow-x:auto; border:1px solid #8cdebf25; border-radius:18px; background:#152536; }
.local-provider-table { width:100%; min-width:700px; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.8; }
.local-provider-table th,.local-provider-table td { padding:22px; vertical-align:top; border-bottom:1px solid #ffffff12; }
.local-provider-table thead th { color:#d5e7f3; background:#ffffff04; font-weight:600; }
.local-provider-table tbody th { width:23%; }
.local-provider-table td { color:#9eb4cd; width:25%; }
.local-provider-table tbody tr:last-child>* { border-bottom:0; }
.local-provider-table tbody th a { display:flex; align-items:center; gap:12px; color:#a0e5d0; text-decoration:none; }
.local-provider-table tbody th a:hover { text-decoration:underline; }
.local-provider-table tbody th a>svg { flex-shrink:0; }
.local-provider-table .directory-brand-icon { flex-shrink:0; }
.local-provider-table-wrap:focus-visible { outline:2px solid #a0e5d0; outline-offset:4px; }

.news-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:30px 32px; border:1px solid #84dcc724; border-radius:23px; background:radial-gradient(ellipse at 85% 20%,#6199b71a,transparent 65%),linear-gradient(120deg,#163c43,#15273e); margin-bottom:24px; }
.news-heading h1 { font-size:39px; font-weight:600; margin:15px 0 13px; }
.news-heading h1 span { color:#a1ead7; }
.news-heading p { margin:0; color:#94b2c6; font-size:12px; }
.news-heading-meta { display:flex; flex-direction:column; align-items:flex-end; gap:16px; }
.news-rss-badge { display:flex; align-items:center; gap:7px; font-size:8px; letter-spacing:1.1px; color:#9dcabc; background:#7bddbd0b; border:1px solid #7bddbd22; padding:7px 10px; border-radius:30px; }
.news-rss-badge>span { width:5px; height:5px; background:#94e4c3; border-radius:50%; }
.news-heading-meta strong { font-family:Outfit,sans-serif; font-size:45px; font-weight:500; text-align:right; }
.news-heading-meta strong small { display:block; color:#a2c1cb; font-size:10px; font-family:'DM Sans',sans-serif; font-weight:400; margin-top:4px; }
.news-heading-meta>span:last-child { color:#7799b1; font-size:10px; }
.news-filter-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:30px; }
.news-source-tabs { display:flex; flex-wrap:wrap; gap:7px; }
.news-source-tabs button { display:flex; align-items:center; gap:6px; padding:9px 11px; font-size:10px; border:1px solid #ffffff12; background:#142135; color:#8fa8c0; border-radius:9px; }
.news-source-tabs button.active { background:#20433f; border-color:#7fdfc63b; color:#b0ead9; }
.news-feed-dot { width:5px; height:5px; border-radius:50%; background:#a48769; }
.news-feed-dot.online { background:#8adab9; }
.news-refresh { display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #ffffff12; background:#172637; color:#9cc7be; border-radius:9px; font-size:10px; }
.news-refresh .spinning { animation:spin 1s linear infinite; }
.news-service-note { background:#cdb67b08; border:1px solid #cdb67b24; color:#cdbb95; font-size:11px; line-height:1.7; padding:12px 16px; border-radius:10px; margin-bottom:22px; }
.news-list-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:20px; }
.news-list-heading h2 { font-size:22px; margin:0; }
.news-list-heading span { font-size:10px; color:#849eb8; }
.news-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
.news-card { display:flex; flex-direction:column; min-width:0; color:inherit; text-decoration:none; background:#142034; border:1px solid #ffffff12; border-radius:16px; overflow:hidden; transition:transform .2s,border-color .2s,box-shadow .2s; }
.news-card:hover { transform:translateY(-4px); border-color:#8bdfc544; box-shadow:0 10px 30px #0003; }
.news-card-media { display:flex; align-items:center; justify-content:center; min-height:150px; height:150px; position:relative; background:radial-gradient(ellipse at 75% 10%,#acdadd1c,transparent 65%),linear-gradient(140deg,#1e4351,#192b40); color:#8abaca; overflow:hidden; }
.news-source-cointelegraph { background:linear-gradient(140deg,#584c30,#243044); }
.news-source-decrypt { background:linear-gradient(140deg,#3b3555,#21374a); }
.news-source-bitcoinmagazine { background:linear-gradient(140deg,#58402f,#253042); }
.news-card-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.news-card:hover .news-card-media img { transform:scale(1.035); }
.news-card-media:after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 45%,#091526a6); pointer-events:none; }
.news-card-media>span { position:absolute; bottom:12px; left:12px; z-index:1; font-size:8px; letter-spacing:.3px; padding:5px 7px; border:1px solid #ffffff20; border-radius:6px; background:#0d182acc; color:#d1e3ea; }
.news-card-media>svg:last-child { position:absolute; bottom:16px; right:14px; z-index:1; color:#d3e6e8; }
.news-card-body { display:flex; flex-direction:column; flex:1; padding:18px; }
.news-card-body time { font-size:9px; color:#7f9bb5; }
.news-card-body h3 { font-size:15px; line-height:1.5; font-weight:600; margin:12px 0 10px; }
.news-card-body p { color:#8fa7bf; font-size:11px; line-height:1.8; margin:0 0 18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.news-card-body>div { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #ffffff0c; padding-top:14px; color:#90d3c4; font-size:9px; margin-top:auto; }
.news-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:30px 0 25px; }
.news-pagination>div { display:flex; gap:6px; }
.news-pagination button { display:flex; align-items:center; justify-content:center; gap:6px; border:1px solid #ffffff14; color:#9eb8ca; background:#142135; padding:10px 12px; border-radius:9px; min-width:35px; font-size:10px; }
.news-pagination button.active { background:#23453f; border-color:#87d9c242; color:#b3f0dc; }
.news-footer { display:flex; flex-direction:column; gap:7px; color:#708ba6; font-size:9px; line-height:1.8; border-top:1px solid #ffffff0b; padding-top:18px; }
.news-empty { padding:45px 20px; }
.news-empty h3 { margin:17px 0 0; }
.news-empty p { margin-bottom:20px; }
.news-skeleton { min-height:330px; padding-bottom:20px; }
.news-skeleton>div { height:150px; margin-bottom:20px; background:#24364a; }
.news-skeleton>span { height:12px; background:#24364a; border-radius:5px; margin:8px 18px; }
.news-skeleton>span:last-child { width:50%; }
@media(max-width:1049px) { .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1000px) { .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .news-heading { padding:25px; } .news-heading h1 { font-size:29px; } .news-heading-meta { min-width:90px; } .news-rss-badge { font-size:7px; letter-spacing:0; } .news-heading-meta strong { font-size:36px; } .news-heading-meta>span:last-child { display:none; } .news-heading p { font-size:11px; line-height:1.8; } .news-grid { grid-template-columns:1fr; } .news-card-media { height:185px; } .news-card-body h3 { font-size:18px; } .news-pagination button { padding:10px 9px; } .news-pagination>div { gap:4px; } }

.org-tree-viewport{width:100%;overflow:auto;max-height:680px;margin-top:20px;padding:24px 16px 32px;border:1px solid #345166;border-radius:16px;background:#091727;scrollbar-width:thin}.org-tree-canvas{width:max-content;min-width:100%}.org-tree-canvas ul{display:flex;justify-content:center;position:relative;padding:28px 0 0;margin:0;list-style:none}.org-tree-canvas li{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 14px 0}.org-tree-canvas li:before,.org-tree-canvas li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:28px;border-top:1px solid #628e9d}.org-tree-canvas li:after{right:auto;left:50%;border-left:1px solid #628e9d}.org-tree-canvas li:only-child:before,.org-tree-canvas li:only-child:after{display:none}.org-tree-canvas li:only-child{padding-top:0}.org-tree-canvas li:first-child:before,.org-tree-canvas li:last-child:after{border:0}.org-tree-canvas li:last-child:before{border-right:1px solid #628e9d;border-radius:0 7px 0 0}.org-tree-canvas li:first-child:after{border-radius:7px 0 0 0}.org-tree-canvas ul ul:before{content:"";position:absolute;top:0;left:50%;height:28px;border-left:1px solid #628e9d}.org-tree-canvas>.org-tree-roots{padding-top:0}.org-tree-roots>li{padding-top:0}.org-tree-roots>li:before,.org-tree-roots>li:after{display:none}.org-person{display:flex;flex-direction:column;align-items:center;gap:7px;width:156px;min-height:135px;padding:12px 8px;text-align:center;border-radius:12px;background:#102638;border:1px solid #69c4b132}.org-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #74d9ca;background:#143c46;color:#a4f3e1}.org-person>strong{font-size:13px;max-width:100%;overflow-wrap:anywhere}.org-person>small{font-size:10px;line-height:1.5;color:#a2bacd}.org-person>.btn{min-height:28px;padding:4px 10px;font-size:11px}.org-person-disabled{opacity:.65}.org-person-details{font-size:10px;width:100%;color:#9ee5d7}.org-person-details summary{cursor:pointer}.org-person-details>div{display:grid;gap:7px;padding-top:10px;color:#bacddd;overflow-wrap:anywhere}.org-person-details .btn{font-size:10px;min-height:30px;padding:6px}.org-tree-viewport:focus-visible{outline:2px solid #83e6d7;outline-offset:3px}

.guided-reader { margin-bottom:23px; }
.reader-summary,.reader-section,.reader-source-card { border:1px solid #ffffff12; border-radius:19px; padding:27px; background:linear-gradient(145deg,#162439,#111c2e); margin-bottom:18px; }
.reader-summary { background:linear-gradient(120deg,#183c42,#16293e); border-color:#80e1cb25; }
.reader-card-heading { display:flex; align-items:center; gap:14px; margin-bottom:21px; }
.reader-card-heading>div { flex:1; }
.reader-card-heading h2 { margin:7px 0 0; font-size:21px; font-weight:600; color:#d8e8f3; }
.reader-card-heading .eyebrow { font-size:8px; letter-spacing:1.5px; color:#84adba; }
.reader-section-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#8de3cf0a; border:1px solid #8de3cf20; color:#a0e6d5; flex-shrink:0; }
.reader-summary-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.reader-summary-points>div { display:flex; align-items:flex-start; gap:10px; border:1px solid #ffffff0c; background:#ffffff03; border-radius:11px; padding:14px; font-size:12px; color:#b3d5d9; line-height:1.8; }
.reader-summary-points svg { margin-top:3px; color:#92e6cf; flex-shrink:0; }
.reader-controls { position:sticky; top:0; z-index:5; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:15px 18px 19px; margin-bottom:23px; background:#101d2eed; border:1px solid #ffffff12; border-radius:13px; backdrop-filter:blur(16px); overflow:hidden; }
.reader-play-label { display:flex; align-items:center; gap:9px; font-size:11px; color:#c1d4e4; }
.reader-play-label>span:first-child { width:6px; height:6px; border-radius:50%; background:#71849d; }
.reader-play-label>span.reader-live-indicator { background:#8be0be; box-shadow:0 0 10px #8be0be55; }
.reader-play-label strong { font-weight:500; }
.reader-play-label>span:last-child { color:#83c8b9; font-size:10px; }
.reader-control-buttons { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.reader-control-buttons button { display:flex; align-items:center; gap:5px; padding:7px 9px; border:1px solid #ffffff15; background:#203346; color:#a9d9cf; border-radius:8px; font-size:10px; }
.reader-control-buttons label { display:flex!important; align-items:center; gap:5px; font-size:10px!important; font-weight:400!important; margin:0!important; color:#8ea8c1!important; }
.reader-control-buttons input { accent-color:#8ae4c9; }
.reader-progress { position:absolute; left:0; right:0; bottom:0; height:3px; background:#28374b; }
.reader-progress span { display:block; height:100%; background:linear-gradient(90deg,#479c92,#a8f3d6); transition:width .15s linear; }
.reader-section { position:relative; transition:border-color .4s,box-shadow .4s,background .4s; scroll-margin-top:90px; }
.reader-section.is-current { background:linear-gradient(130deg,#183439,#14243a); border-color:#85e3c970; box-shadow:0 0 0 3px #85e3c906,0 12px 35px #0001; }
.reader-section.is-current:before { content:''; position:absolute; top:24px; bottom:24px; left:0; width:3px; border-radius:0 4px 4px 0; background:#92e7cd; }
.reader-section.is-upcoming { background:#111c2b; }
.reader-section-state { display:flex; align-items:center; gap:4px; font-size:9px; color:#859bb6; border:1px solid #ffffff0d; padding:5px 8px; border-radius:20px; white-space:nowrap; }
.reader-section-state.active { color:#a9efdb; border-color:#85e3c940; background:#85e3c908; }
.reader-section.is-done .reader-section-state { color:#87baa9; }
.reader-section-body { min-height:32px; max-width:890px; }
.reader-section-body p,.reader-section-body li,.reader-answer p { color:#b2c6db; font-size:14px; line-height:1.95; margin:0 0 18px; }
.reader-section-body p:last-of-type { margin-bottom:0; }
.reader-section-body .reader-upcoming-note { color:#738ba5; font-size:12px; }
.reader-caret { display:inline-block; width:2px; height:15px; margin-left:2px; vertical-align:middle; background:#97efd3; animation:reader-blink .9s step-end infinite; }
.reader-skip { display:flex; align-items:center; justify-content:flex-end; gap:7px; background:transparent; border:0; padding:8px 0 0; margin:16px 0 0 auto; color:#91d9c8; font-size:10px; }
.reader-answer { border:1px solid #8fd2c525; background:#8fd2c504; border-radius:11px; padding:15px 18px; margin-top:23px; }
.reader-answer summary { cursor:pointer; color:#a4ddce; font-size:12px; }
.reader-answer p { margin:15px 0 0; font-size:13px; }
.reader-source-card { background:#101c2c; }
.reader-source-card ul { padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.reader-source-card li { padding:14px; background:#ffffff03; border:1px solid #ffffff0e; border-radius:10px; font-size:12px; }
.reader-source-card a { color:#9adccd; text-decoration:none; overflow-wrap:anywhere; line-height:1.8; }
.reader-source-card p { font-size:10px; line-height:1.8; color:#829bb4; margin:18px 0 0; }
.reader-completion-note { color:#8aa1bb; font-size:11px; line-height:1.8; padding:0 4px; }
@keyframes reader-blink { 50% { opacity:0; } }
@media(max-width:650px) { .reader-summary,.reader-section,.reader-source-card { padding:20px; border-radius:15px; } .reader-summary-points,.reader-source-card ul { grid-template-columns:1fr; } .reader-card-heading { gap:10px; } .reader-card-heading h2 { font-size:18px; } .reader-section-icon { width:36px; height:36px; } .reader-section-body p { font-size:13px; } .reader-controls { padding:13px 12px 17px; } .reader-section-state { font-size:8px; padding:4px 6px; } }

/* NexWeb3: quiet surfaces, clear hierarchy, deliberate motion. */
:root {
  --bg: #090f1d;
  --card: #111d30;
  --line: #243248;
  --muted: #9aaac0;
  --cyan: #72e5d0;
  --mint: #72e5d0;
  --blue: #829bff;
}
html, body, #root { max-width:100%; overflow-x:clip; }
html { color-scheme:dark; scrollbar-color:#35475e #0b1322; scrollbar-width:thin; }
body { background: #080e19; }
* { min-width:0; scrollbar-color:#35475e #0b1322; scrollbar-width:thin; }
*::-webkit-scrollbar { width:5px; height:0; }
*::-webkit-scrollbar-track { background:#0b1322; }
*::-webkit-scrollbar-thumb { background:#35475e; border-radius:10px; }
img, svg, video { max-width:100%; }
.content, .auth-screen, .main-scroll, .modal-card, .drawer { overflow-x:clip; overflow-wrap:anywhere; }
.admin-tabs { overflow-x:auto; scrollbar-width:none; }
.admin-tabs::-webkit-scrollbar { display:none; }
.phone-shell { background: radial-gradient(ellipse at 95% 0%, #20334a55, transparent 50%), #0b1322; }
.card, .mini-stat, .lesson-mini, .lesson-card {
  background: linear-gradient(145deg, #152136, #101a2b);
  border-color: #ffffff12;
  box-shadow: 0 12px 32px #00000012;
}
.card { border-radius: 20px; }
.btn, .lesson-mini, .lesson-card, .plan-select, .asset-option, .drawer-link, .top-icon {
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.btn-primary { background: linear-gradient(110deg,#80ead5,#87c4f6); box-shadow: 0 5px 22px #72e5d018; font-weight: 800; }
.btn-outline { background: #172337; border-color: #35435a; }
.btn:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 8px 28px #72e5d025; }
.lesson-mini:hover,.lesson-card:hover,.plan-select:hover { border-color: #72e5d060; transform: translateY(-2px); }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid #85e8d6; outline-offset: 4px; }
input:not([type='checkbox']):not([type='file']),textarea,select { background:#0d1728; border-color:#2e3c52; min-height:49px; border-radius:12px; }
input:focus,textarea:focus,select:focus { box-shadow:0 0 0 4px #72e5d00d; border-color:#72e5d0; }
.top-bar { background:#0e1829d9; backdrop-filter:blur(20px); border-color:#ffffff0d; height:76px; }
.top-logo { background:linear-gradient(140deg,#80ead5,#638ee8); box-shadow:0 4px 18px #72e5d018; }
.brand-logo { display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto; width:190px; height:62px; }
.brand-logo img { display:block; width:100%; height:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 3px 8px #00c9df0d); }
.top-bar>.brand-logo { margin-right:auto; margin-left:10px; }
.desktop-sidebar>.brand-logo { width:100%; height:78px; flex-shrink:0; }
.drawer-head>.brand-logo { width:240px; height:80px; }
.auth-logo>.brand-logo { width:290px; height:98px; }
.auth-logo .brand-logo img { width:100%; height:100%; max-width:none; }
@media(max-width:420px) { .top-bar { padding-left:10px; padding-right:10px; gap:5px; } .top-bar>.brand-logo { width:165px; height:58px; margin-left:2px; } .top-actions { gap:4px; } .network-pill { padding:6px 8px; } }
.network-pill { background:#142333; border-color:#2a3a4b; font-weight:600; }
.content { padding:28px 22px 36px; }
.eyebrow { color:#8edbce; font-size:10px; font-weight:700; letter-spacing:1.8px; }
.home-greeting { margin-bottom:26px; }
.home-greeting h1 { font-size:28px; line-height:1.25; margin-top:12px; }
.home-greeting h1 span { color:#eff5ff; }
.home-greeting p { color:#9baac0; font-size:12px; }
.greeting-avatar { background:#1b2d42; border:1px solid #31455e; color:#8ce5d3; border-radius:16px; }
.balance-card { background:radial-gradient(ellipse at 95% 5%,#7cd9d032,transparent 65%),linear-gradient(120deg,#1c494e,#183545 70%,#1b314a); border:1px solid #89e8d033; border-radius:24px; padding:26px; box-shadow:0 16px 50px #0002; overflow:hidden; }
.balance-card:after { content:''; position:absolute; width:190px; height:190px; right:-70px; top:20px; border:1px solid #b1fff518; border-radius:50%; box-shadow:0 0 0 28px #b1fff508,0 0 0 56px #b1fff505; pointer-events:none; }
.balance-number { font-size:44px; font-weight:600; letter-spacing:-2px; }
.balance-number small { letter-spacing:0; font-size:14px; color:#c4e6e4; }
.balance-top,.balance-bottom,.balance-actions { position:relative; z-index:1; }
.balance-actions button { border-radius:11px; background:#a3eee810; border-color:#b7fff52b; min-height:46px; }
.balance-actions button:hover { background:#a3eee824; }
.balance-actions button:first-child { background:#c2f4e8; color:#153c41; border-color:transparent; }
.mini-stat { border-radius:18px; min-height:145px; padding:19px; }
.mini-stat>b { font-size:32px; font-weight:600; }
.mini-stat>small,.mini-stat>span,.mini-top span { color:#a4b1c4; }
.icon-bubble { background:#21483f; color:#8ae5cc; }
.icon-bubble.purple { background:#2a3050; color:#b5baff; }
.mini-progress { background:#29354a; height:4px; }
.mini-progress div { background:linear-gradient(90deg,#5dc2ac,#9cecd9); }
.chart-card { padding:23px 23px 6px; }
.chart-wrap { height:200px; }
.chart-foot { border-color:#ffffff0d; color:#9baac0; line-height:1.6; }
.pill { border-radius:20px; font-weight:600; font-size:9px; background:#72e5d00c; color:#93e7d7; border-color:#72e5d02e; padding:6px 10px; }
.pill-gold { background:#dbb56a14; color:#efce93; border-color:#dbb56a40; }
.pill-muted { background:#ffffff08; color:#aebed2; border-color:#ffffff20; }
.section-row { margin-top:0; }
.learning-panel { margin-top:24px; }
.lesson-mini { border-radius:14px; padding:16px; gap:13px; min-height:80px; }
.lesson-mini b { font-size:13px; line-height:1.4; }
.lesson-mini span { font-size:11px; margin-top:3px; }
.lesson-mini-icon,.lesson-card-icon { background:#213748; color:#9adbd4; border:1px solid #80ead516; }
.learning-callout { display:flex; align-items:flex-start; gap:12px; padding:18px 4px 0; color:#8cdecf; }
.learning-callout p { color:#b7c5d8; font-size:12px; margin:0; }
.learning-callout span { display:block; font-size:11px; color:#8a9eb9; margin-top:4px; }
.disclaimer { color:#94a6bc; background:#ffffff03; border-color:#54677e; font-size:11px; }
.bottom-nav { background:#101b2de8; backdrop-filter:blur(20px); border-color:#ffffff12; }
.bottom-nav button { color:#98a9bf; }
.bottom-nav button.active { color:#94ebd8; }
.bottom-nav button.active:before { background:#94ebd8; width:24px; }
.drawer { background:#101a2b; border-color:#ffffff15; }
.drawer-link { font-weight:500; padding:13px 12px; }
.drawer-link:hover { background:#ffffff05; }
.drawer-link.active { background:linear-gradient(90deg,#72e5d018,#72e5d008); color:#a4eddf; border-color:#72e5d020; }
.drawer-title { font-size:9px; color:#8e9eb7; font-weight:600; margin-top:28px; }
.desktop-sidebar { display:none; }
.auth-screen { background:radial-gradient(ellipse at 10% 0%,#18374755,transparent 65%),#0c1525; }
.auth-logo { justify-content:flex-start; padding:20px 24px 8px; }
.auth-logo img { height:64px; max-width:230px; }
.auth-hero>.auth-logo { padding:0; margin-bottom:22px; width:100%; max-height:none; flex-shrink:0; }
.auth-hero>.auth-logo>.brand-logo { width:min(100%,290px); height:auto; aspect-ratio:290/98; }
.auth-hero { border-color:#ffffff14; background:radial-gradient(ellipse at 70% 30%,#315d7066,transparent 70%),linear-gradient(140deg,#153c42,#152b43 70%); border-radius:24px; padding:30px; }
.auth-hero h1 { font-size:38px; line-height:1.12; letter-spacing:-1.5px; }
.auth-hero h1 span { color:#9cead7; }
.auth-hero p { color:#b6cbd4; font-size:13px; line-height:1.8; }
.auth-orb { background:#85e5d10e; color:#a5f0de; border-color:#a5f0de30; box-shadow:0 10px 40px #0001; border-radius:19px; }
.auth-content { padding:28px 26px; }
.auth-welcome { margin-bottom:24px; }
.auth-welcome h2 { font-size:27px; margin:10px 0; }
.auth-welcome p { line-height:1.7; }
.auth-tabs { background:#0d1727; border-color:#2c394e; border-radius:12px; }
.auth-tabs button { font-weight:600; }
.auth-tabs button.active { color:#e2f7ef; background:#263d48; }
.local-status { display:inline-flex; align-items:center; gap:7px; color:#a4cabe; font-size:10px; }
.local-status>span { width:6px; height:6px; border-radius:50%; background:#87d9b7; box-shadow:0 0 10px #87d9b744; }
.auth-welcome .local-status { margin-top:17px; padding:8px 11px; background:#8bd9b708; border:1px solid #8bd9b71a; border-radius:8px; }
.workspace-status { display:flex; align-items:center; justify-content:space-between; padding:9px 22px; border-bottom:1px solid #ffffff08; color:#899bb4; font-size:10px; background:#0c1726; }
.local-notice { display:flex; align-items:flex-start; gap:10px; padding:13px 16px; margin:20px 22px 0; border:1px solid #8bd9b725; border-radius:12px; background:#8bd9b706; color:#a4b9c6; font-size:11px; line-height:1.7; }
.local-notice svg { flex-shrink:0; color:#8bd9b7; margin-top:2px; }
.main-scroll { animation:content-reveal .35s ease both; }
.toast { background:#193441; border-color:#82d9c650; }
.token-logo,.token-logo-fallback { display:inline-block; width:32px; height:32px; flex:0 0 32px; border-radius:50%; object-fit:contain; }
.token-logo-fallback { display:grid; place-items:center; background:#263d48; color:#d9f5eb; font-weight:700; }
.course-hero { padding:32px; min-height:195px; background:radial-gradient(ellipse at 90% 15%,#67c6b020,transparent 60%),linear-gradient(120deg,#173b48,#192c49); border-color:#80ead528; }
.course-hero h3 { max-width:420px; font-size:27px; margin-top:18px; }
.course-hero p { max-width:430px; font-size:12px; line-height:1.7; }
.course-hero>svg { width:78px; height:78px; margin-right:20px; opacity:.85; }
.course-section-heading { margin-top:30px; margin-bottom:22px; gap:15px; flex-wrap:wrap; }
.course-section-heading h3 { margin:0; font-size:21px; }
.course-section-heading p { color:#96abc2; font-size:12px; margin:7px 0 0; }
.course-controls { display:flex; align-items:center; gap:9px; }
.course-controls>span { font-size:11px; color:#9aadc3; margin-right:8px; }
.course-controls>button { display:grid; place-items:center; border:1px solid #ffffff20; background:#162337; border-radius:11px; width:38px; height:38px; color:#a7e6da; }
.course-controls>button:hover:not(:disabled) { background:#23413f; border-color:#72e5d060; }
.course-viewport { overflow:hidden; padding:4px; margin:-4px; }
.course-cards { display:grid; gap:20px; }
.course-slide-next { animation:course-next .28s ease both; }
.course-slide-previous { animation:course-previous .28s ease both; }
.academy-card { padding:0; border:1px solid #ffffff14; border-radius:19px; overflow:hidden; text-align:left; color:#edf6ff; background:#131f31; cursor:pointer; display:flex; flex-direction:column; transition:border-color .2s,transform .2s,box-shadow .2s; }
.academy-card:hover { transform:translateY(-3px); border-color:#72e5d050; box-shadow:0 15px 35px #0003; }
.academy-cover { position:relative; min-height:185px; width:100%; background:radial-gradient(circle at 70% 35%,#79dfcc25,transparent 55%),linear-gradient(140deg,#1a454a,#172b43); padding:18px; overflow:hidden; color:#a7e9dd; }
.academy-tint-1 .academy-cover { background:radial-gradient(circle at 70% 35%,#91a7f52a,transparent 55%),linear-gradient(140deg,#2a355b,#1b2943); color:#b2beff; }
.academy-tint-2 .academy-cover { background:radial-gradient(circle at 70% 35%,#d4b47d25,transparent 55%),linear-gradient(140deg,#4b3b34,#222a3e); color:#e6c9a3; }
.academy-tint-3 .academy-cover { background:radial-gradient(circle at 70% 35%,#91b7f52a,transparent 55%),linear-gradient(140deg,#253c5a,#18273c); color:#a9d6f5; }
.academy-tint-4 .academy-cover { background:radial-gradient(circle at 70% 35%,#d3a7ee25,transparent 55%),linear-gradient(140deg,#3d3153,#20253e); color:#d3b6ee; }
.academy-cover:after { content:''; position:absolute; width:150px; height:150px; border:1px solid #ffffff0c; transform:rotate(30deg); right:-50px; top:10px; border-radius:28px; box-shadow:0 0 0 25px #ffffff03; }
.academy-number { font-size:9px; color:#ffffff70; letter-spacing:1.8px; }
.academy-art { position:absolute; top:45px; right:34px; width:83px; height:83px; display:grid; place-items:center; border:1px solid #ffffff16; border-radius:24px; background:#ffffff05; transform:rotate(-7deg); }
.academy-art svg { transform:rotate(7deg); }
.academy-access { position:absolute; bottom:17px; left:18px; display:flex; align-items:center; gap:5px; font-size:9px; border:1px solid #ffffff20; background:#08142445; padding:6px 9px; border-radius:20px; }
.academy-access.complete { color:#a1edcd; }
.academy-card-body { padding:22px; display:flex; flex-direction:column; flex:1; width:100%; }
.academy-card-body .eyebrow { font-size:8px; letter-spacing:1.2px; }
.academy-card-body h3 { font-size:19px; line-height:1.3; margin:13px 0 10px; }
.academy-card-body p { color:#9aafc7; font-size:12px; line-height:1.8; margin:0 0 25px; }
.academy-card-footer { margin-top:auto; padding-top:16px; border-top:1px solid #ffffff10; display:flex; align-items:center; justify-content:space-between; color:#99e8d6; font-size:11px; }
.course-pagination { display:flex; align-items:center; justify-content:space-between; margin:20px 0; color:#8da1ba; font-size:10px; }
.course-pagination>div { display:flex; gap:6px; }
.course-pagination button { border:0; border-radius:10px; width:7px; height:7px; padding:0; background:#35445b; transition:width .2s,background .2s; }
.course-pagination button.active { width:22px; background:#90dfcf; }
@keyframes course-next { from { opacity:.4; transform:translateX(22px); } to { opacity:1; transform:translateX(0); } }
@keyframes course-previous { from { opacity:.4; transform:translateX(-22px); } to { opacity:1; transform:translateX(0); } }
@media(max-width:749px) { .course-hero { padding:24px; } .course-hero h3 { font-size:23px; } .course-hero>svg { width:46px; height:46px; margin-right:0; } .course-controls { width:100%; justify-content:flex-end; } .course-controls>span { margin-right:auto; } }
.asset-option { gap:9px; min-height:58px; }
.token-row .token-logo { width:28px; height:28px; flex-basis:28px; }
.subscription-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:stretch; }
.subscription-grid>.tier-card { display:flex; flex-direction:column; margin:0; padding:28px; }
.subscription-grid .rate-pills { min-height:130px; align-content:start; }
.subscription-grid .tier-card>.btn { margin-top:auto; }
.subscription-grid+.disclaimer { margin-top:24px; }
.tree-summary { display:flex; justify-content:space-between; gap:15px; margin-bottom:24px; align-items:center; }
.tree-summary h3 { margin:0 0 7px; }
.tree-summary p { font-size:12px; color:#9cafc5; margin:0; }
.tree-root { display:flex; align-items:center; gap:13px; padding:18px; border:1px solid #72e5d035; background:#72e5d00a; border-radius:14px; }
.tree-root>div { flex:1; }
.tree-root b { font-size:14px; }
.tree-root small,.tree-member small { display:block; color:#91a5bd; font-size:11px; margin-top:5px; }
.tree-levels { margin:0 0 0 20px; padding:20px 0 0 24px; border-left:1px solid #355369; }
.tree-level { position:relative; border:1px solid #ffffff12; border-radius:13px; margin-bottom:12px; background:#0e1a2b; }
.tree-level:before { content:''; position:absolute; width:25px; height:1px; background:#355369; left:-25px; top:33px; }
.tree-level>summary { display:flex; align-items:center; gap:12px; cursor:pointer; list-style:none; padding:14px; }
.tree-level>summary::-webkit-details-marker { display:none; }
.tree-level summary:focus-visible { outline:2px solid #85e8d6; outline-offset:3px; border-radius:12px; }
.tree-depth { display:grid; place-items:center; width:38px; height:38px; background:#72e5d013; border:1px solid #72e5d02b; color:#98ead9; border-radius:11px; font-weight:700; font-size:12px; }
.tree-level summary b,.tree-member b { font-size:12px; }
.tree-level summary small { display:block; color:#98abc1; font-size:10px; margin-top:4px; }
.tree-member-count { color:#9fb4c9; font-size:11px; }
.tree-level summary>svg { color:#88a4be; transition:transform .2s; flex-shrink:0; }
.tree-level[open] summary>svg { transform:rotate(90deg); }
.tree-level-members { border-top:1px solid #ffffff0b; padding:4px 18px 10px; }
.tree-member { display:flex; align-items:center; gap:11px; padding:13px 0; border-bottom:1px solid #ffffff0b; }
.tree-member:last-child { border-bottom:0; }
.tree-empty { color:#849ab5; font-size:11px; margin:12px 0 4px; }
.referral-breakdown { padding:20px; }
.ref-level-tabs { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:7px; padding-bottom:20px; border-bottom:1px solid #ffffff10; }
.ref-level-tabs button { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; padding:13px 5px; border:1px solid #ffffff0e; border-radius:12px; background:#0c1829; color:#8197b1; transition:background .2s,border-color .2s; }
.ref-level-tabs button.active { color:#a5f0df; background:#1b403f; border-color:#72e5d05a; }
.ref-level-tabs button:hover { border-color:#72e5d050; }
.ref-level-tabs button>span { font-size:15px; font-weight:750; }
.ref-level-tabs button>small { font-size:9px; }
.ref-level-panel { padding-top:22px; outline-offset:5px; }
.ref-level-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.ref-level-heading h3 { font-size:23px; margin:9px 0 0; }
.ref-level-heading h3 small { display:block; font-family:'DM Sans',sans-serif; font-size:11px; font-weight:400; color:#94a9c1; margin-top:6px; letter-spacing:0; }
.ref-level-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; padding:22px 0; }
.ref-level-metrics>div { padding:14px 17px; background:#ffffff03; border:1px solid #ffffff09; border-radius:12px; }
.ref-level-metrics span { display:block; font-size:10px; color:#91a9c3; }
.ref-level-metrics strong { display:block; font-family:Outfit,sans-serif; font-size:26px; font-weight:600; color:#c4f2e6; margin-top:8px; }
.ref-level-metrics strong small { font-size:11px; color:#8da9bb; }
.ref-level-members { max-height:280px; overflow-y:auto; }
.ref-level-empty { display:flex; align-items:center; gap:14px; padding:19px; border:1px dashed #ffffff15; border-radius:12px; color:#74c9b6; }
.ref-level-empty b { font-size:12px; font-weight:500; color:#c3d3e5; }
.ref-level-empty p { color:#8da2be; font-size:11px; margin:5px 0 0; }
.ref-member { display:flex; align-items:center; gap:11px; border-bottom:1px solid #ffffff0b; padding:13px 3px; }
.ref-member>div { flex:1; }
.ref-member b { font-size:12px; font-weight:500; }
.ref-member small { display:block; color:#91a8c3; font-size:10px; margin-top:5px; }
.ref-member-avatar { display:grid; place-items:center; border-radius:11px; width:36px; height:36px; background:#203e49; color:#a0e1d5; font-weight:600; }
.compact-tree-root { display:flex; align-items:center; gap:12px; margin-bottom:20px; padding:15px; border:1px solid #72e5d026; border-radius:12px; background:#72e5d006; color:#9be7d7; }
.compact-tree-root>div { flex:1; }
.compact-tree-root b { font-size:12px; color:#cce8e2; }
.compact-tree-root div span { display:block; font-size:10px; color:#8baab7; margin-top:5px; }
@media(max-width:650px) { .referral-breakdown { padding:15px; } .ref-level-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); } .ref-level-tabs button { padding:10px 3px; } .ref-level-metrics { gap:7px; } .ref-level-metrics>div { padding:12px 9px; } .ref-level-metrics strong { font-size:21px; } .ref-level-metrics span { font-size:9px; } .ref-level-heading h3 { font-size:20px; } }
@media(max-width:700px) { .subscription-grid { grid-template-columns:1fr; } .subscription-grid .rate-pills { min-height:0; } }
@media(max-width:420px) { .tree-levels { margin-left:12px; padding-left:16px; } .tree-level:before { width:17px; left:-17px; } .tree-level>summary { padding:12px 9px; gap:8px; } .tree-member-count { font-size:10px; } .tree-depth { width:31px; height:34px; } }
.referral-code { overflow:hidden; }
.referral-qr-panel { display:flex; align-items:center; gap:26px; margin-top:25px; padding-top:25px; border-top:1px solid #ffffff12; }
.referral-qr-code { flex:0 0 176px; background:white; border-radius:16px; padding:8px; box-shadow:0 8px 30px #0002; }
.referral-qr-code svg { display:block; width:100%; height:auto; border-radius:8px; }
.referral-qr-info { min-width:0; }
.referral-qr-info .eyebrow { display:flex; align-items:center; gap:7px; font-size:9px; }
.referral-qr-info h3 { margin:12px 0 8px; font-size:21px; }
.referral-qr-info p { color:#a8b9cb; font-size:12px; max-width:340px; margin-bottom:10px; }
.referral-link-text { display:block; color:#8cdbce; font-size:11px; overflow-wrap:anywhere; margin-bottom:15px; }
.referral-qr-info .btn { font-size:11px; min-height:38px; padding:9px 13px; }
.referral-qr-info>small { display:block; color:#95a7bd; line-height:1.6; max-width:360px; margin-top:12px; }
@media(max-width:600px) { .referral-qr-panel { flex-direction:column; gap:20px; text-align:center; } .referral-qr-code { flex-basis:auto; width:180px; } .referral-qr-info .eyebrow { justify-content:center; } .referral-qr-info p,.referral-qr-info>small { margin-left:auto; margin-right:auto; } }
@keyframes content-reveal { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:750px) {
  .phone-shell.auth-shell { max-width:1100px; margin:32px auto; height:calc(100dvh - 64px); min-height:730px; border:1px solid #ffffff12; border-radius:28px; }
  .auth-screen { display:grid; grid-template-columns:1.05fr 1fr; grid-template-rows:auto 1fr; padding:20px; column-gap:25px; }
  .auth-logo { grid-column:1; padding:16px 20px; }
  .auth-hero { grid-column:1; grid-row:1/3; margin:0; padding:44px 34px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:510px; }
  .auth-hero h1 { font-size:clamp(38px,4.2vw,58px); margin:28px 0 16px; }
  .auth-hero .token-row { width:100%; margin-top:40px; }
  .auth-hero .pill { margin-top:15px; }
  .auth-content { grid-column:2; grid-row:1/3; align-self:center; padding:35px 30px; }
}
@media(min-width:1050px) {
  .phone-shell:has(>.desktop-sidebar) { display:grid; grid-template-columns:248px minmax(0,1fr); grid-template-rows:auto auto minmax(0,1fr); max-width:1600px; margin:0 auto; height:100dvh; min-height:0; max-height:none; border-radius:0; border:0; box-shadow:none; }
  .desktop-sidebar { display:flex; flex-direction:column; grid-column:1; grid-row:1/-1; padding:31px 18px 20px; background:#0d1727; border-right:1px solid #ffffff0d; overflow-y:auto; }
  .desktop-sidebar .top-brand { padding:0 13px; }
  .desktop-sidebar .top-brand strong { font-size:19px; }
  .sidebar-caption { margin:14px 13px 20px; color:#8397b0; font-size:8px; letter-spacing:1.6px; }
  .desktop-sidebar .drawer-title { margin-top:20px; }
  .desktop-sidebar .drawer-link { font-size:12px; margin-bottom:5px; }
  .sidebar-bottom { margin-top:auto; padding-top:30px; }
  .sidebar-note { padding:19px 15px; margin-bottom:20px; border:1px solid #72e5d018; background:linear-gradient(145deg,#72e5d00a,#829bff08); border-radius:14px; }
  .sidebar-note svg { display:block; color:#8bdacb; margin-bottom:14px; }
  .sidebar-note b { font-size:12px; font-weight:500; }
  .sidebar-note p { font-size:11px; color:#8fabc0; line-height:1.7; margin:7px 0 0; }
  .top-bar,.workspace-status,.main-scroll,.demo-ribbon { grid-column:2; }
  .top-bar { grid-row:1; height:82px; padding:0 36px; }
  .top-bar>.top-icon { display:none; }
  .workspace-status { grid-row:2; padding:10px 36px; }
  .main-scroll { grid-row:3; min-height:0; }
  .bottom-nav { display:none; }
  .content { padding:34px 36px 40px; max-width:1250px; margin:auto; }
  .home-greeting h1 { font-size:34px; }
  .home-greeting p { font-size:13px; }
  .dashboard-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr); gap:22px; align-items:stretch; }
  .dashboard-grid>.balance-card { margin:0; min-height:270px; }
  .dashboard-grid>.stats-grid { margin:0; gap:16px; }
  .stats-grid .mini-stat { min-height:270px; padding:23px; }
  .stats-grid .mini-stat>b { font-size:40px; }
  .dashboard-grid>.chart-card { margin:0; min-height:360px; }
  .chart-wrap { height:230px; margin-top:22px; }
  .learning-panel { margin:0; padding:5px 0; }
  .learning-panel .section-row { margin-bottom:20px; }
  .balance-number { font-size:55px; margin:22px 0; }
  .section-heading { margin-bottom:30px; }
  .section-heading h2 { font-size:34px; }
  .main-scroll>.section-heading,.main-scroll>.card,.main-scroll>.admin-tabs,.main-scroll>.admin-kpis,.main-scroll>.admin-note,.main-scroll>.disclaimer { margin-left:36px; margin-right:36px; }
  .main-scroll>.section-heading { margin-top:30px; }
  .local-notice { margin-left:36px; margin-right:36px; }
  .toast { left:auto; right:28px; bottom:28px; max-width:480px; }
  .demo-ribbon { position:absolute; top:64px; right:24px; z-index:4; padding:0 12px; border-radius:8px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Dashboard styles must load before the lazy Academy bundle. */
.dashboard-learning-layout { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:28px; }
.dashboard-topics .section-row { margin:5px 0 20px; }
.topic-explorer { display:flex; flex-direction:column; gap:12px; }
.topic-explorer button { display:flex; align-items:center; gap:14px; text-align:left; background:linear-gradient(120deg,#16333f,#142339); border:1px solid #8addc41a; color:#c6dfdf; border-radius:14px; padding:18px; min-height:80px; transition:border-color .2s,transform .2s; }
.topic-explorer button:hover { border-color:#8addc45a; transform:translateY(-2px); }
.topic-explorer button>svg:first-child { width:28px; color:#8fdbcf; flex-shrink:0; }
.topic-explorer button>span { flex:1; }
.topic-explorer b { display:block; font-size:13px; font-weight:600; }
.topic-explorer small { display:block; color:#8ba9bf; font-size:11px; margin-top:6px; line-height:1.5; }
.topic-explorer button>svg:last-child { width:16px; color:#6ba99f; }

@media(max-width:749px) { .dashboard-learning-layout { display:block; } .dashboard-topics { margin-top:25px; } }

/* Mobile account entry keeps the logo and form in one viewport. */
@media(max-width:749px) {
  .phone-shell.auth-shell { width:100%; max-width:none; height:100dvh; min-height:0; max-height:none; margin:0; border:0; border-radius:0; }
  .auth-shell .auth-screen { display:flex; flex-direction:column; padding: max(16px,env(safe-area-inset-top)) 0 max(16px,env(safe-area-inset-bottom)); min-height:0; overflow-y:auto; }
  .auth-shell .auth-hero { flex-shrink:0; width:100%; max-width:440px; min-height:0; margin:auto auto 0; padding:0 24px 16px; background:none; border:0; border-radius:0; overflow:visible; }
  .auth-shell .auth-hero>:not(.auth-logo) { display:none; }
  .auth-shell .auth-hero>.auth-logo { display:flex; justify-content:center; margin:0; padding:0; }
  .auth-shell .auth-logo>.brand-logo { width:220px; height:auto; aspect-ratio:2048/683; }
  .auth-shell .auth-content { flex-shrink:0; width:100%; max-width:440px; margin:0 auto auto; padding:0 24px; }
  .auth-shell .auth-welcome { margin-bottom:18px; }
  .auth-shell .auth-welcome .eyebrow { display:none; }
  .auth-shell .auth-welcome h2 { font-size:26px; line-height:1.2; margin:0 0 9px; }
  .auth-shell .auth-welcome .subtle { font-size:12px; line-height:1.6; margin:0; }
  .auth-shell .auth-tabs { margin-bottom:16px; }
  .auth-shell .auth-tabs button { min-height:40px; padding:10px; }
  .auth-shell .auth-content .stack { gap:12px; }
  .auth-shell .stack label { display:block; margin:0 0 7px; font-size:12px; }
  .auth-shell input { min-height:46px; padding:12px 14px; font-size:16px; }
  .auth-shell .input-with-icon button { top:5px; }
  .auth-shell .auth-content .stack .btn { min-height:46px; margin-top:4px; }
  .auth-shell .auth-helpers { margin:8px 0; }
  .auth-shell .auth-helpers:empty { display:none; }
  .auth-shell .legal-small { font-size:10px; line-height:1.6; margin:16px 0 0; }
}
@media(max-width:749px) and (max-height:650px) {
  .auth-shell .auth-logo>.brand-logo { width:180px; }
  .auth-shell .auth-hero { padding-bottom:12px; }
  .auth-shell .auth-welcome { margin-bottom:12px; }
  .auth-shell .auth-content .stack { gap:10px; }
  .auth-shell .legal-small { margin-top:12px; }
}
.auth-content .stack .auth-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0 4px;font-size:13px;font-weight:400;line-height:1.6;color:#aac6d8}.auth-consent input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:#7fe6da}.auth-consent a{color:#7fe6da;text-decoration:underline;text-underline-offset:3px}.auth-consent a:focus-visible{outline:2px solid #7fe6da;outline-offset:3px}

.toast.toast-error{background:#3a202d;border-color:#ff8da6;color:#ffe2e9}.toast.toast-error svg{color:#ff9fb4}.toast.toast-info svg{color:#9acfff}

.workspace-switch { display:flex; align-items:center; gap:6px; padding:9px 12px; white-space:nowrap; }
@media(max-width:600px) { .top-actions:has(.workspace-switch) .network-pill { display:none; } .top-bar:has(.workspace-switch)>.brand-logo { width:125px; } .workspace-switch { padding:8px; font-size:12px; } }