:root{--blue:#0b5bd3;--blue2:#176df2;--orange:#ff6b00;--green:#16a34a;--violet:#6d28d9;--ink:#0f1c3f;--muted:#64708a;--line:#e4e9f2;--soft:#f5f8fc;--white:#fff;--shadow:0 8px 24px rgba(29,53,98,.08)}
*{box-sizing:border-box}html{background:#f4f7fb;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Nirmala UI","Mangal",sans-serif;background:linear-gradient(180deg,#fbfdff,#f4f7fb);font-size:14px}button,input,select{font:inherit;color:inherit}button,a{transition:.2s ease}a{text-decoration:none;color:inherit}button{cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border-radius:10px;border:0;font-weight:700}.button-primary{background:linear-gradient(135deg,var(--blue2),#004bd3);color:#fff;box-shadow:0 8px 20px rgba(11,91,211,.2)}.button-outline{background:#fff;border:1px solid #cfd8ea;color:var(--blue)}.button-outline.orange{border-color:var(--orange);color:var(--orange)}.orange-button{background:linear-gradient(135deg,var(--orange),#f04500);color:#fff}.green-button{background:linear-gradient(135deg,var(--green),#078838);color:#fff}.violet-button{background:linear-gradient(135deg,#7c21e8,#5722d5);color:#fff}.button-block{width:100%}.button:hover{transform:translateY(-1px);filter:saturate(1.08)}

/* public login */
.login-page{min-height:100vh;display:flex;flex-direction:column}.public-header{height:92px;background:#fff;display:flex;align-items:center;gap:48px;padding:0 4vw;border-bottom:1px solid #edf0f6}.brand img{display:block;width:190px;height:auto}.brand-wide img{width:280px}.public-links{display:flex;gap:44px;margin-left:auto;font-weight:700}.public-links a:hover{color:var(--blue)}.public-actions{display:flex;align-items:center;gap:28px}.language-button{border:0;background:transparent;font-weight:700;color:var(--blue)}.language-button span{color:#aeb7c7;margin:0 9px}.login-shell{width:min(1600px,94vw);margin:34px auto;display:grid;grid-template-columns:1.32fr .74fr;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 14px 50px rgba(24,49,91,.12);min-height:720px}.login-story{position:relative;padding:58px 54px 34px;color:#fff;background:radial-gradient(circle at 72% 24%,rgba(255,245,83,.45),transparent 25%),linear-gradient(135deg,#ff5c00 0%,#ff9f00 28%,#0cac64 66%,#075ed4 100%);overflow:hidden}.login-story:after{content:"";position:absolute;width:620px;height:620px;border:2px solid rgba(255,255,255,.12);border-radius:50%;right:-200px;top:-170px}.eyebrow{font-weight:900;letter-spacing:.18em;font-size:12px}.story-copy{position:relative;z-index:2;max-width:720px}.story-copy h1{font-size:58px;line-height:1.05;margin:16px 0 22px;letter-spacing:-2px}.story-copy h1 strong{color:#fff400;text-shadow:0 4px 12px rgba(70,56,0,.25)}.story-copy p{font-size:23px;font-weight:700;margin:0 0 24px}.no-invest{color:#fff547;font-size:21px;font-weight:900}.no-invest span{margin:0 10px}.benefit-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:690px;margin-top:34px}.benefit-grid article{background:#fff;color:var(--ink);padding:20px 14px;border-radius:17px;display:flex;align-items:center;flex-direction:column;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.12)}.benefit-grid .benefit-icon{font-size:42px}.benefit-grid b{font-size:17px;margin:9px 0 5px}.benefit-grid small{font-size:13px}.story-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-top:24px}.join-badge{display:flex;align-items:center;gap:13px;background:#fff;color:var(--ink);padding:12px 18px;border-radius:16px;box-shadow:var(--shadow)}.join-badge span{width:42px;height:42px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:25px}.story-art{position:absolute;right:-20px;bottom:-45px;width:360px;height:235px}.art-phone{position:absolute;left:100px;top:5px;width:115px;height:190px;border:8px solid #243450;border-radius:24px;background:#fff;color:var(--orange);display:grid;place-items:center;font-size:55px;font-weight:900;box-shadow:0 15px 30px rgba(1,27,69,.3)}.art-cart{position:absolute;left:10px;bottom:0;font-size:85px}.art-people{position:absolute;right:0;bottom:12px;font-size:72px}.art-arrow{position:absolute;right:28px;top:-4px;color:#b8ff52;font-size:110px;font-weight:900}.login-story blockquote{position:absolute;left:54px;bottom:30px;margin:0;font-size:17px}.login-story blockquote b{color:#fff747}.login-form-wrap{padding:52px 50px;display:flex;flex-direction:column;justify-content:center}.login-form-head{text-align:center}.mobile-logo{display:none}.login-form-head h2{font-size:40px;margin:0 0 8px}.login-form-head p{font-size:16px;color:var(--muted)}.login-form{margin-top:28px}.login-form>label{display:block;font-weight:700;margin:18px 0 8px}.input-shell{height:54px;border:1px solid #ccd5e5;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#fff}.input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,91,211,.1)}.input-shell input{border:0;outline:0;flex:1;background:transparent}.input-shell button{border:0;background:transparent}.form-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.form-row a,.recover a,.terms a{color:var(--blue)}.check-label{display:flex;align-items:center;gap:8px}.secure-note{text-align:center;color:var(--muted);font-size:12px}.divider{display:flex;align-items:center;gap:15px;margin:22px 0;color:var(--muted)}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.recover,.terms{text-align:center;color:var(--muted)}.terms{font-size:11px}.public-footer{margin-top:auto;min-height:86px;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:var(--muted);font-size:12px}

/* application shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:240px;background:#fff;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column}.sidebar .brand{height:92px;display:grid;place-items:center;border-bottom:1px solid var(--line);margin-bottom:14px}.sidebar .brand img{width:205px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{height:52px;border-radius:12px;display:flex;align-items:center;gap:16px;padding:0 18px;color:#52607c;font-weight:700}.side-nav a>span{font-size:23px;width:25px;text-align:center}.side-nav a:hover{background:#f4f7fc;color:var(--blue)}.side-nav a.active{background:#eef5ff;color:var(--blue);position:relative}.side-nav a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:4px;background:currentColor}.side-nav a.active-home{color:var(--orange);background:#fff2e9}.side-nav a.active-earning{color:var(--orange);background:#fff2e9}.side-nav a.active-offers{color:var(--violet);background:#f5efff}.side-nav a.active-market{color:var(--green);background:#effaf3}.sidebar-help{margin-top:auto;padding:16px;border-radius:15px;background:linear-gradient(135deg,#edf5ff,#f5f0ff);display:flex;flex-direction:column;gap:6px}.sidebar-help small{color:var(--muted);line-height:1.5}.sidebar-help a{color:var(--blue);font-weight:700;margin-top:5px}.app-main{margin-left:240px;min-width:0}.topbar{height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 24px}.page-heading{min-width:310px}.page-heading h1{font-size:24px;margin:0}.page-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}.global-search{height:44px;border:1px solid #dbe2ee;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 15px;flex:1;max-width:560px;margin-left:auto}.global-search span{font-size:23px;color:var(--muted)}.global-search input{border:0;outline:0;background:transparent;width:100%}.notice{border:0;background:transparent;font-size:26px;position:relative}.notice i{position:absolute;right:-4px;top:-8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:red;color:#fff;font-size:11px;font-style:normal}.user-chip{display:flex;align-items:center;gap:11px;white-space:nowrap}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9653,#0d62d9);color:#fff;border:3px solid #fff;box-shadow:0 0 0 1px #dbe2ee}.mobile-brand{display:none}.mobile-nav{display:none}.page-content{padding:18px 24px 30px;max-width:1700px;margin:0 auto}.page-stack{display:flex;flex-direction:column;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 3px 14px rgba(40,64,105,.04);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h2,.section-title{font-size:17px;margin:0}.panel-head button{border:0;background:transparent;color:var(--blue);font-weight:700}.section-title{margin:2px 0 -5px}.content-grid{display:grid;gap:14px}.cols-8-4{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.cols-7-5{grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr)}.three-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.stacked{display:flex;flex-direction:column;gap:14px}.stats-grid{display:grid;gap:14px}.stats-grid.four{grid-template-columns:repeat(4,1fr)}.stat-card{min-height:92px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;gap:15px;padding:13px 17px}.stat-card .stat-icon,.round-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#eff5ff}.stat-card div{display:flex;flex-direction:column;gap:3px}.stat-card small{color:#4e5c77}.stat-card strong{font-size:24px}.stat-card em{font-size:11px;color:var(--green);font-style:normal}.tone-green{border-color:#ccebd6!important;background:linear-gradient(135deg,#fff,#f3fbf6)!important}.tone-green .stat-icon{color:var(--green);background:#e9f8ee}.tone-blue{border-color:#cfe0fb!important;background:linear-gradient(135deg,#fff,#f2f7ff)!important}.tone-blue .stat-icon{color:var(--blue);background:#e6efff}.tone-orange{border-color:#f4dac8!important;background:linear-gradient(135deg,#fff,#fff7f1)!important}.tone-orange .stat-icon{color:var(--orange);background:#fff0e5}.tone-violet{border-color:#e1d4f5!important;background:linear-gradient(135deg,#fff,#f8f4ff)!important}.tone-violet .stat-icon{color:var(--violet);background:#f0e8ff}

/* home */
.home-top-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr);gap:14px}.balance-hero{min-height:280px;border-radius:18px;color:#fff;padding:30px 34px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 25%,rgba(255,237,63,.35),transparent 32%),linear-gradient(135deg,#ff6500 0%,#ff9800 35%,#0aae5d 70%,#0861d5 100%);box-shadow:0 10px 28px rgba(12,76,156,.17)}.balance-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.12));pointer-events:none}.balance-hero>div:first-child{display:flex;flex-direction:column;position:relative;z-index:1}.balance-hero>div:first-child span{font-size:20px}.balance-hero>div:first-child strong{font-size:72px;line-height:1.1;margin-top:8px}.coin-art{position:absolute;right:70px;top:40px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe85c,#ef9d00);border:10px solid #ffc21d;color:#734100;font-size:58px;font-weight:900;box-shadow:0 24px 0 -12px #d28600,42px 35px 0 -25px #f5a600,-40px 42px 0 -28px #ffd13d}.coin-art i{position:absolute;right:-60px;top:-36px;font-size:95px;color:#075ed5;text-shadow:0 5px 0 rgba(0,0,0,.12);font-style:normal}.wallet-pills{position:absolute;left:28px;right:28px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;z-index:2}.wallet-pills article{background:#fff;color:var(--ink);border-radius:15px;min-height:72px;padding:11px 15px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr 1fr;column-gap:9px;align-items:center}.wallet-pills article>span{grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff2e8;color:var(--orange);font-size:22px}.wallet-pills small{font-size:12px}.wallet-pills b{font-size:20px;color:var(--green)}.wallet-pills article:first-child b{color:var(--orange)}.wallet-pills article:last-child b{color:var(--blue)}.side-stats{display:flex;flex-direction:column;gap:12px}.side-stats .stat-card{flex:1}.earning-banner{min-height:180px;border:1px solid #c8e8d1;border-radius:17px;background:linear-gradient(120deg,#f8fff9,#eefaf3);display:flex;align-items:center;justify-content:space-between;padding:25px 45px;overflow:hidden}.earning-banner h2{font-size:30px;margin:0 0 7px;color:#0c7439}.earning-banner h2 span{color:var(--orange)}.earning-banner p{color:#3e5367}.earning-banner .banner-art{font-size:70px;display:flex;align-items:end;gap:10px}.earning-banner .banner-art span{font-size:85px}.earning-banner .banner-art b{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#ffc319;color:#754300;border:8px solid #ff9f00;font-size:38px}.video-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.video-row article{border:1px solid var(--line);border-radius:13px;padding:10px;display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr 1fr;gap:2px 10px}.video-row article>span{grid-row:1/3;background:#f0f5ff;border-radius:10px;display:grid;place-items:center;font-size:30px;position:relative}.video-row article>span i{position:absolute;width:25px;height:25px;border-radius:50%;background:#172442;color:#fff;font-size:10px;display:grid;place-items:center;font-style:normal}.video-row b{font-size:12px}.video-row small{color:var(--muted)}.transaction-list{display:flex;flex-direction:column}.transaction-list article{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eef1f6}.transaction-list article:last-child{border:0}.transaction-list .round-icon{width:32px;height:32px;font-size:14px}.transaction-list article div{display:flex;flex-direction:column}.transaction-list article small{color:var(--muted);font-size:10px}.transaction-list article strong{color:var(--green)}.status{font-size:9px;font-style:normal;border-radius:12px;padding:4px 8px}.status.pending{color:#a85b00;background:#fff1dd}.status.approved{color:#087832;background:#eaf9ef}.status.muted{color:#667085;background:#eef1f5}.activity-list article{display:flex;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.mini-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f5ec;color:var(--green);font-weight:900}.activity-list div{display:flex;flex-direction:column;flex:1}.activity-list small,.activity-list time{color:var(--muted);font-size:10px}.mini-title{font-size:14px}.opportunity-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.opportunity-row a{border:1px solid var(--line);border-radius:10px;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px}.opportunity-row small{font-size:9px;margin-top:6px}

/* earning */
.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.source-card{border:1px solid var(--line);border-radius:15px;padding:16px;min-height:160px}.source-card header{display:flex;align-items:center;gap:10px}.source-card header>span{font-size:27px}.source-card header div{display:flex;flex-direction:column;flex:1}.source-card header small{color:var(--muted);font-size:11px}.source-card header i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:currentColor;color:#fff;font-style:normal}.source-card>em{display:inline-block;font-size:10px;border-radius:5px;padding:4px 7px;background:rgba(255,255,255,.75);margin-top:14px;font-style:normal}.source-card>p{margin:11px 0 2px;color:var(--muted);font-size:10px}.source-card>strong{font-size:20px}.tab-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin:-15px -15px 12px}.tab-row button{height:48px;border:0;background:#fff;font-weight:700}.tab-row button.active{color:var(--blue);border-bottom:3px solid var(--blue)}.tab-row.small{display:flex;margin:0 0 13px}.tab-row.small button{padding:0 18px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:9px}.mini-stats span{border:1px solid var(--line);border-radius:9px;padding:8px;text-align:center;display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.mini-stats b{font-size:17px;color:var(--ink)}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:620px}.table-wrap th{text-align:left;color:var(--muted);font-size:10px;padding:8px;border-bottom:1px solid var(--line)}.table-wrap td{padding:8px;border-bottom:1px solid #eef1f5;font-size:11px}.table-wrap td:first-child{display:flex;align-items:center;gap:8px}.tiny-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8f0ff;color:var(--blue);font-size:9px;font-weight:900}.chart-head{display:flex;justify-content:flex-end;gap:15px}.chart-head strong{font-size:24px}.chart-head span{color:var(--green);font-weight:800}.bar-chart{height:135px;border-bottom:1px solid #dbe2ee;display:flex;align-items:flex-end;gap:8%;padding:8px 4% 0}.bar-chart i{flex:1;background:linear-gradient(#2aa96b,#79b5ff);border-radius:6px 6px 0 0;position:relative}.bar-chart small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-style:normal;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid.six{grid-template-columns:repeat(3,1fr)}.quick-grid button{min-height:70px;border:1px solid var(--line);border-radius:10px;background:#f9fbff;font-weight:700}
.earning-summary-panel{padding:18px 18px 16px}.earning-summary-panel .panel-head{margin-bottom:16px}.earning-metrics-grid{gap:12px;margin-bottom:0}.earning-metric-card{position:relative;min-height:120px;padding:16px 14px 14px 16px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;align-items:flex-start!important;text-align:left!important;box-shadow:0 8px 22px rgba(27,53,95,.06)}.earning-metric-card i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-style:normal;font-size:20px;margin-bottom:14px}.earning-metric-card small{font-size:11px;color:#6f7d96;letter-spacing:.02em}.earning-metric-card b{font-size:28px;line-height:1.1;margin-top:8px;color:#13254d}.earning-metric-card.emphasis{background:linear-gradient(135deg,#0d62d9,#1fa866)!important;border-color:transparent!important;box-shadow:0 16px 34px rgba(16,90,180,.22)}.earning-metric-card.emphasis i{background:rgba(255,255,255,.18);color:#fff}.earning-metric-card.emphasis small,.earning-metric-card.emphasis b{color:#fff}.earning-action-grid{gap:12px}.earning-action-card{min-height:108px;border:1px solid #dce6f4;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;box-shadow:0 8px 18px rgba(29,53,98,.05)}.earning-action-card:hover{transform:translateY(-2px);border-color:#bfd3f4;box-shadow:0 14px 26px rgba(29,53,98,.1)}.earning-action-card .action-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:18px}.earning-action-card strong{font-size:18px;color:#11305f}.earning-action-card small{font-size:11px;color:#6b7790}

/* wallet */
.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wallet-card{border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;flex-direction:column;min-height:165px}.wallet-card header{display:flex;justify-content:space-between;align-items:center}.wallet-card header>span{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:26px}.wallet-card small{margin:8px 0 2px}.wallet-card strong{font-size:32px}.wallet-card button{margin-top:auto;height:36px;border:1px solid currentColor;border-radius:8px;background:rgba(255,255,255,.6);text-align:left;padding:0 12px;font-weight:700}.wallet-card.discount{color:#087d2e;background:linear-gradient(135deg,#fff,#f1fbf5);border-color:#cdebd8}.wallet-card.discount header>span{background:#dcf6e5}.wallet-card.earning{color:#075ed9;background:linear-gradient(135deg,#fff,#f0f6ff);border-color:#cbdffc}.wallet-card.earning header>span{background:#e2eeff}.wallet-card.money{color:#6922cf;background:linear-gradient(135deg,#fff,#f8f1ff);border-color:#e0cff4}.wallet-card.money header>span{background:#eee1ff}.wallet-flow{display:grid;grid-template-columns:repeat(4,1fr)}.wallet-flow article{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.wallet-flow article>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-size:24px}.wallet-flow article:nth-child(1)>span{background:#e6f8ec;color:var(--green)}.wallet-flow article:nth-child(3)>span{background:#efe5ff;color:var(--violet)}.wallet-flow article:nth-child(4)>span{background:#fff0e3;color:var(--orange)}.wallet-flow b{margin:7px 0}.wallet-flow small{color:var(--muted);font-size:10px}.wallet-flow i{position:absolute;right:-5px;top:18px;color:var(--blue);font-size:25px;font-style:normal}.point-row,.earn-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.point-row span,.earn-summary span{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;flex-direction:column}.point-row small,.earn-summary small{font-size:10px;color:var(--muted)}.point-row b,.earn-summary b{font-size:18px;margin-top:4px}.info-strip{margin-top:10px;border-radius:8px;padding:10px;background:#effaf2;color:#087631}.info-strip button{float:right;border:0;background:var(--green);color:#fff;border-radius:6px;padding:5px 10px}.earn-summary{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.money-actions{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:8px}.money-actions>div,.money-actions>button{min-height:78px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px}.money-actions>div{display:flex;flex-direction:column}.money-actions b{font-size:22px}.policy-note{font-size:10px;color:var(--muted);margin:9px 0 0}

/* offers */
.festive-hero{border-radius:16px;background:radial-gradient(circle at 73% 35%,rgba(255,116,0,.5),transparent 28%),linear-gradient(135deg,#1d0875,#5910aa 55%,#ff5f00);color:#fff;padding:24px 30px;position:relative;overflow:hidden;min-height:235px}.festive-hero>div:first-child{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.festive-hero>div:first-child>span{background:#ffdc21;color:#272000;border-radius:7px;padding:5px 10px;font-weight:900;font-size:11px}.festive-hero h2{font-size:38px;margin:12px 0 8px}.festive-hero p{margin:0;font-size:16px}.festive-hero strong{font-size:27px;color:#ffe829;margin:5px 0 16px}.festive-hero button{background:#fff;border:0;border-radius:10px;padding:10px 20px;font-weight:800}.festive-art{position:absolute;right:7%;bottom:15%;font-size:80px}.festive-art span{font-size:115px}.festive-art i{position:absolute;right:-20px;bottom:-10px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#ffca16;color:#6e3e00;font-size:30px;border:7px solid #f4a000;font-style:normal;font-weight:900}.offer-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.offer-stats span{text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column}.offer-stats span:last-child{border:0}.offer-stats small{font-size:10px;color:var(--muted)}.offer-stats b{font-size:19px;margin-top:3px}.share-promo{border-radius:14px;padding:17px 20px;color:#fff;background:linear-gradient(135deg,var(--violet),#ff6524);display:flex;justify-content:space-between;align-items:center}.share-promo h3{margin:0 0 4px}.share-promo p{font-size:11px;margin:0 0 10px}.share-promo button{border:0;background:#fff;color:var(--violet);border-radius:7px;padding:7px 13px;font-weight:800}.share-promo>span{font-size:50px}.category-row,.service-row{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.category-row button,.service-row button{min-height:74px;border:1px solid var(--line);background:#f9fbff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;gap:6px}.category-row button>span,.service-row button>span{font-size:24px}.category-row button.active{border-color:var(--violet);background:#f5efff;color:var(--violet);box-shadow:0 0 0 2px rgba(109,40,217,.08)}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.offer-card{border:1px solid var(--line);border-radius:12px;padding:11px;background:linear-gradient(135deg,#fff,#f8f5ff)}.offer-card.orange{background:linear-gradient(135deg,#fff,#fff4eb)}.offer-card.green{background:linear-gradient(135deg,#fff,#effaf3)}.offer-card header{display:flex;align-items:center;gap:8px}.offer-card header>span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#fff;font-weight:900;color:var(--violet)}.offer-card header div{display:flex;flex-direction:column;flex:1}.offer-card header small{font-size:10px}.offer-card header button{border:0;background:transparent}.offer-card>p{margin:12px 0 2px;font-size:11px}.offer-card>strong{font-size:18px}.offer-card>div{display:flex;gap:5px;margin:10px 0}.offer-card em{font-size:8px;font-style:normal;border-radius:4px;background:#fff;padding:4px;border:1px solid var(--line)}.offer-card footer{display:flex;justify-content:space-between;align-items:center}.offer-card footer small{color:#e63434}.offer-card footer button{border:0;border-radius:6px;background:var(--violet);color:#fff;padding:6px 10px;font-size:10px}.offer-card.orange footer button{background:var(--orange)}.offer-card.green footer button{background:var(--green)}.trend-list article{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.trend-list article>span{font-size:23px}.trend-list article div{display:flex;flex-direction:column}.trend-list small{font-size:10px;color:var(--muted)}.trend-list i{font-size:9px;background:#eafaef;color:var(--green);border-radius:10px;padding:4px 8px;font-style:normal}.partner-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.partner-strip article{min-height:86px;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.partner-strip article>span{font-weight:900;color:var(--blue)}.partner-strip small{font-size:9px;color:var(--muted)}.ending-list{display:flex;flex-direction:column}.ending-list span{padding:10px;border-bottom:1px solid var(--line)}.ending-list i{float:right;color:#e33030;font-style:normal}.share-bar{background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:10px;box-shadow:0 10px 30px rgba(27,48,88,.12);z-index:9}.share-bar>div{display:flex;flex-direction:column}.share-bar small{color:var(--muted)}.share-bar button{border:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:10px}.share-bar button>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;font-size:17px}

/* utility and market */
.utility-hero,.market-hero{min-height:240px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#075dde,#3828dc 52%,#821be5);padding:27px 30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.utility-hero h2,.market-hero h2{font-size:32px;margin:0 0 8px}.utility-hero p,.market-hero p{font-size:15px}.utility-hero>div:first-child>span,.market-hero>div:first-child>span{display:inline-block;background:#fff;color:var(--blue);border-radius:8px;padding:6px 10px;margin:10px 8px 12px 0;font-weight:700;font-size:11px}.utility-hero>div:first-child>button,.market-hero>div:first-child>button{display:block;border:0;border-radius:9px;background:#fff;color:var(--blue);padding:10px 19px;font-weight:800}.utility-hero>div:last-child,.market-hero>div:last-child{font-size:110px;position:relative}.utility-hero>div:last-child span,.market-hero>div:last-child span{position:absolute;left:-38px;bottom:-16px;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#ffc51d;color:#754100;font-size:32px;border:7px solid #ff9f00}.utility-hero>div:last-child i,.market-hero>div:last-child i{position:absolute;right:-10px;top:5px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#18b95d;color:#fff;font-size:28px;font-style:normal}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.overview-grid .stat-card{min-height:78px;padding:9px}.overview-grid .stat-card .stat-icon{width:38px;height:38px;font-size:18px}.overview-grid .stat-card strong{font-size:20px}.service-row{grid-template-columns:repeat(10,1fr)}.payment-form{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.payment-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700}.payment-form input,.payment-form select{height:40px;border:1px solid #dbe2ee;border-radius:8px;background:#fff;padding:0 10px;outline:0}.payment-form .wide{grid-column:1/3}.benefit-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.benefit-preview span{border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;color:var(--muted)}.benefit-preview b{color:var(--green)}.saved-list article{display:grid;grid-template-columns:35px 1fr auto 48px;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.saved-list article>span{font-size:23px}.saved-list article div{display:flex;flex-direction:column}.saved-list small,.saved-list em{font-size:10px;color:var(--muted);font-style:normal}.saved-list button{border:1px solid #cad9ee;background:#fff;border-radius:6px;color:var(--blue)}.utility-offer{border-radius:13px;background:linear-gradient(135deg,#0a5cf0,#6f1ee7);color:#fff;padding:16px;display:flex;align-items:center;gap:12px}.utility-offer>span{font-size:43px}.utility-offer div{display:flex;flex-direction:column;flex:1}.utility-offer p{margin:3px 0}.utility-offer aside{display:flex;flex-direction:column;gap:5px}.benefits-donut{display:flex;align-items:center;gap:25px}.benefits-donut>div{width:115px;height:115px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 52%,transparent 54%),conic-gradient(var(--green) 0 38%,var(--orange) 38% 58%,var(--blue) 58% 78%,var(--violet) 78%);flex:0 0 auto}.benefits-donut ul{list-style:none;padding:0;margin:0;flex:1}.benefits-donut li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.market-hero{background:linear-gradient(135deg,#ff6600,#ff9a00 36%,#0bad5e 72%,#0759d0)}.market-hero>div:first-child>span{color:#116a3d}.market-hero>div:first-child>button{display:inline-block;color:#0a8540}.market-hero button.ghost{background:transparent;color:#fff;border:1px solid #fff}.suggested{border:1px solid #cce9d5;border-radius:13px;background:linear-gradient(135deg,#f3fff7,#fff);padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.suggested b{color:var(--green)}.suggested p{margin:4px 0}.suggested button{border:0;background:var(--green);color:#fff;border-radius:7px;padding:7px 12px}.suggested>span{font-size:55px}.market-cats{grid-template-columns:repeat(10,1fr)}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.partner-card{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.partner-card header{display:flex;align-items:center;gap:8px}.partner-card header>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-weight:900}.partner-card header div{display:flex;flex-direction:column;flex:1}.partner-card header small{font-size:9px}.partner-card header button{border:0;background:transparent}.partner-card>strong{display:block;color:var(--green);font-size:11px;margin:8px 0}.partner-card>div{display:flex;gap:5px}.partner-card em{font-style:normal;font-size:8px;background:#f0f8f3;color:#198747;border-radius:4px;padding:4px}.partner-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.partner-card footer button{border:0;background:var(--blue);color:#fff;border-radius:5px;padding:5px 10px}.rank-list article{display:grid;grid-template-columns:24px 1fr auto;padding:8px 0;border-bottom:1px solid var(--line)}.rank-list article>b{color:var(--blue)}.rank-list em{font-size:9px;color:var(--green);font-style:normal}.how-flow{display:flex;align-items:center;justify-content:space-between}.how-flow span{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:10px}.how-flow span b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}.how-flow i{font-style:normal;color:var(--muted)}.recommend-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recommend-row article{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;gap:10px}.recommend-row article>span{font-size:42px}.recommend-row article>div{display:flex;flex-direction:column}.recommend-row small{color:var(--muted)}.recommend-row strong{margin:4px 0}.recommend-row em{color:var(--green);font-style:normal;font-size:10px}

/* connection */
.page-connection .page-content{padding:0;max-width:none}.connection-layout{height:calc(100vh - 78px);display:grid;grid-template-columns:110px 380px minmax(480px,1fr) 275px;background:#fff}.connection-rail{border-right:1px solid var(--line);padding:12px 8px;display:flex;flex-direction:column;gap:5px}.connection-rail button{min-height:65px;border:0;background:transparent;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:var(--muted);font-size:10px}.connection-rail button>span{font-size:22px}.connection-rail button.active{background:#edf4ff;color:var(--blue)}.connection-rail button i{position:absolute;right:18px;top:5px;width:19px;height:19px;border-radius:50%;background:#f22;color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center}.chat-list-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.chat-list-panel>header{padding:15px}.chat-list-panel h2{margin:0 0 10px}.chat-list-panel header label{height:42px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding-left:10px}.chat-list-panel header input{border:0;outline:0;flex:1}.chat-list-panel header button{border:0;border-radius:50%;width:31px;height:31px;background:var(--blue);color:#fff;margin-right:5px}.stories{display:flex;gap:15px;padding:4px 15px 12px}.stories>span{display:flex;flex-direction:column;align-items:center;gap:3px}.stories .avatar{width:42px;height:42px}.stories small{font-size:9px}.chat-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 15px 10px}.chat-tabs button{border:0;background:transparent;height:34px;border-radius:8px;font-size:11px}.chat-tabs button.active{background:var(--blue);color:#fff}.pinned{margin:0 12px 8px;border:1px solid #d9ccff;background:#f6f1ff;border-radius:10px;padding:10px;color:var(--violet);display:flex;gap:10px;align-items:center}.pinned span{display:flex;flex-direction:column;flex:1}.pinned small{font-size:9px}.chat-items{overflow:auto}.chat-items>button{width:100%;border:0;border-bottom:1px solid #eef1f5;background:#fff;display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:1fr 1fr;padding:10px 12px;gap:2px 9px;text-align:left;position:relative}.chat-items>button:hover,.chat-items>button.active{background:#f4f8ff}.chat-avatar{grid-row:1/3;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-weight:900}.chat-items>button div{display:flex;flex-direction:column}.chat-items>button div small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chat-items>button time{font-size:9px;color:var(--muted)}.chat-items>button>i{position:absolute;right:12px;bottom:8px;width:19px;height:19px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal}.active-chat{display:flex;flex-direction:column;background:#f7f9fd}.active-chat>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:10px}.active-chat>header>button{border:0;background:transparent}.active-chat>header div{display:flex;flex-direction:column;flex:1}.active-chat>header small{color:var(--muted)}.active-chat>header aside{display:flex}.active-chat>header aside button{border:0;background:transparent;font-size:20px}.messages{flex:1;overflow:auto;padding:16px 5%;display:flex;flex-direction:column;gap:13px;background-image:radial-gradient(#dbe3ef 1px,transparent 1px);background-size:22px 22px}.messages .day{align-self:center;background:#fff;border-radius:14px;padding:5px 13px;color:var(--muted);font-size:10px}.messages article{max-width:66%;border-radius:13px;padding:11px 13px;background:#fff;box-shadow:0 2px 8px rgba(25,50,90,.08);position:relative}.messages article b{color:var(--green)}.messages article p{margin:5px 0}.messages article time{display:block;text-align:right;font-size:9px;color:var(--muted)}.messages .outgoing{align-self:flex-end;background:#ecfaef}.messages .offer-message{max-width:70%}.offer-message>div{display:flex;gap:12px;background:#fff9f3;border:1px solid #f0dccb;border-radius:10px;padding:10px;margin-top:7px}.offer-message>div>span{font-size:70px}.offer-message section{display:flex;flex-direction:column}.offer-message h3{margin:0}.offer-message section strong,.offer-message section small{color:var(--green);margin-top:4px}.offer-message section button{align-self:flex-end;border:1px solid var(--orange);background:#fff;color:var(--orange);border-radius:7px;padding:6px 11px}.active-chat>footer{height:68px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 15px}.active-chat>footer>button{width:40px;height:40px;border-radius:50%;border:0;background:#eaf2ff;color:var(--blue)}.active-chat>footer .send{background:var(--blue);color:#fff}.active-chat>footer label{height:42px;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;flex:1;padding:0 14px}.active-chat>footer input{border:0;outline:0;flex:1}.group-info{border-left:1px solid var(--line);background:#fff;padding:22px 16px;display:flex;flex-direction:column;align-items:center}.group-logo{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-size:28px;font-weight:900}.group-info h2{font-size:18px;margin:12px 0 2px}.group-info>p{color:var(--muted);margin:0}.group-actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:20px 0}.group-actions button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px}.group-actions small{font-size:9px}.group-info h3{font-size:13px;width:100%;border-top:1px solid var(--line);padding-top:14px}.group-info h3 button{float:right;border:0;background:transparent;color:var(--blue);font-size:10px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}.media-grid span{aspect-ratio:1;border-radius:7px;background:#f2f5fa;display:grid;place-items:center;font-size:22px}.shared-offer{border:1px solid #f0ddca;border-radius:9px;padding:8px;display:flex;gap:8px;width:100%;font-size:27px}.shared-offer div{display:flex;flex-direction:column;font-size:11px}.shared-offer em{font-style:normal;color:var(--green);font-size:9px}

/* profile */
.profile-hero{background:linear-gradient(135deg,#edf5ff,#f5fff8,#fff5ec);border:1px solid var(--line);border-radius:16px;min-height:155px;padding:18px 25px;display:flex;align-items:center;gap:20px}.profile-avatar{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff914c,#0c66db);color:#fff;font-size:35px;font-weight:900;border:5px solid #fff;position:relative}.profile-avatar i{position:absolute;right:0;bottom:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:13px;font-style:normal}.profile-hero>div{display:flex;flex-direction:column;flex:1}.profile-hero h2{font-size:28px;margin:0}.profile-hero>div>a{color:var(--blue);font-size:17px}.profile-hero>div>b{color:var(--blue);margin-top:4px}.profile-hero>div p{color:var(--muted);font-size:11px}.profile-hero>aside{display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr 1fr;width:260px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.profile-hero>aside>strong{grid-row:1/3;width:64px;height:64px;border:8px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:20px}.profile-hero>aside>small{align-self:end}.profile-hero ul{grid-column:2;grid-row:1/3;list-style:none;margin:0;padding:0;font-size:10px}.profile-hero li{margin:5px 0}.profile-grid{display:grid;grid-template-columns:220px minmax(450px,1.4fr) minmax(300px,1fr);gap:14px}.settings-menu{display:flex;flex-direction:column}.settings-menu nav{display:flex;flex-direction:column}.settings-menu nav button{border:0;background:transparent;border-radius:8px;text-align:left;padding:11px;color:var(--muted)}.settings-menu nav button.active{background:#edf4ff;color:var(--blue);border-left:3px solid var(--blue)}.logout{margin-top:auto;border:1px solid #ff7373;background:#fff;color:#e11;border-radius:8px;height:38px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.info-grid span{display:grid;grid-template-columns:120px 1fr}.info-grid small{color:var(--muted)}.security-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.security-row article{border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;grid-template-columns:26px 1fr}.security-row article b,.security-row article small,.security-row article a{grid-column:2}.security-row article small{font-size:9px;color:var(--muted)}.security-row article a{color:var(--blue);font-size:10px;margin-top:5px}.kyc{display:flex;gap:15px}.kyc>span{font-size:65px}.kyc>div{display:flex;flex-direction:column;gap:7px}.kyc>div>b{color:var(--orange)}.kyc small{font-size:10px}.referral{display:flex;gap:13px}.qr{width:90px;height:90px;border:5px solid #111;display:grid;place-items:center;font-size:23px;font-weight:900;color:#111}.referral>div{display:flex;flex-direction:column;gap:4px}.referral>div>b{font-size:20px;color:var(--blue)}.referral button{border:1px solid var(--blue);background:#fff;border-radius:5px;color:var(--blue);font-size:9px}.ref-stats,.bank-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.ref-stats span{font-size:10px}.bank-row{grid-template-columns:repeat(3,1fr)}.bank-row span{display:flex;flex-direction:column}.bank-row small{font-size:9px;color:var(--muted)}

@media(max-width:1300px){.page-heading{min-width:210px}.connection-layout{grid-template-columns:90px 330px 1fr}.group-info{display:none}.three-grid .span-5,.three-grid .span-4{grid-column:span 6}.three-grid .span-3{grid-column:span 12}.profile-grid{grid-template-columns:190px 1fr}.profile-grid>.stacked:last-child{grid-column:1/3}.source-card header small{display:none}.public-links{gap:20px}}
@media(max-width:980px){.sidebar{display:none}.app-main{margin-left:0}.topbar{height:68px}.page-heading p{display:none}.page-heading{min-width:auto}.mobile-brand{display:block}.mobile-brand img{width:145px}.page-heading{display:none}.global-search{max-width:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:8px;height:66px;border:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-radius:19px;z-index:50;box-shadow:0 12px 30px rgba(20,43,82,.18);padding:4px 8px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7487;gap:2px}.mobile-nav a>span{font-size:20px}.mobile-nav a small{font-size:9px}.mobile-nav a.active{color:var(--blue)}.page-content{padding:14px 14px 90px}.home-top-grid,.content-grid.cols-8-4,.content-grid.cols-7-5{grid-template-columns:1fr}.side-stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats-grid.four{grid-template-columns:repeat(2,1fr)}.source-grid{grid-template-columns:repeat(2,1fr)}.wallet-grid{grid-template-columns:1fr}.connection-layout{height:calc(100vh - 68px - 80px);grid-template-columns:82px 320px 1fr}.profile-grid{grid-template-columns:1fr}.profile-grid>.stacked:last-child{grid-column:auto}.settings-menu{display:none}.login-shell{grid-template-columns:1fr;max-width:650px}.login-story{min-height:620px}.public-links{display:none}.public-header{height:78px}.public-footer{flex-wrap:wrap;gap:10px;padding:20px}.brand-wide img{width:220px}}
@media(max-width:700px){body{font-size:13px}.topbar{padding:0 12px;gap:10px}.global-search{display:none}.user-chip b,.user-chip>span:last-child{display:none}.notice{margin-left:auto}.mobile-brand img{width:140px}.page-content{padding:10px 10px 88px}.balance-hero{min-height:320px;padding:24px}.balance-hero>div:first-child strong{font-size:52px}.coin-art{right:40px;top:55px;transform:scale(.72)}.wallet-pills{grid-template-columns:1fr;left:18px;right:18px;bottom:15px;gap:6px}.wallet-pills article{min-height:55px;grid-template-columns:35px 1fr 1fr;grid-template-rows:1fr}.wallet-pills article>span{grid-row:auto;width:32px;height:32px;font-size:16px}.wallet-pills b{text-align:right}.side-stats{grid-template-columns:1fr}.earning-banner{padding:22px;min-height:210px}.earning-banner h2{font-size:25px}.earning-banner .banner-art{font-size:38px}.earning-banner .banner-art span{font-size:45px}.earning-banner .banner-art b{width:45px;height:45px;font-size:22px;border-width:5px}.three-grid{display:block}.three-grid>.panel{margin-bottom:10px}.video-row{grid-template-columns:1fr}.stats-grid.four{grid-template-columns:1fr 1fr}.stat-card{padding:10px;min-height:78px}.stat-card .stat-icon{width:38px;height:38px}.stat-card strong{font-size:19px}.source-grid{grid-template-columns:1fr}.quick-grid,.quick-grid.six{grid-template-columns:repeat(2,1fr)}.earning-metrics-grid{grid-template-columns:1fr 1fr}.earning-metric-card{min-height:108px}.earning-metric-card b{font-size:24px}.earning-action-grid{grid-template-columns:1fr 1fr}.earning-action-card{min-height:96px;padding:14px}.earning-action-card strong{font-size:16px}.wallet-flow{grid-template-columns:1fr 1fr;gap:15px}.wallet-flow article i{display:none}.point-row{grid-template-columns:repeat(2,1fr)}.earn-summary{grid-template-columns:repeat(2,1fr)}.money-actions{grid-template-columns:1fr 1fr}.offer-grid,.partner-grid{grid-template-columns:1fr}.category-row,.service-row,.market-cats{display:flex;overflow-x:auto}.category-row button,.service-row button{min-width:92px}.partner-strip{grid-template-columns:repeat(3,1fr)}.share-bar{overflow-x:auto;justify-content:flex-start;gap:15px;bottom:82px}.share-bar>div{min-width:150px}.utility-hero,.market-hero{min-height:260px;padding:22px}.utility-hero h2,.market-hero h2{font-size:26px}.utility-hero>div:last-child,.market-hero>div:last-child{font-size:70px}.payment-form{grid-template-columns:1fr}.payment-form .wide{grid-column:auto}.recommend-row{grid-template-columns:1fr}.connection-layout{display:block;height:calc(100vh - 68px - 80px)}.connection-rail,.active-chat,.group-info{display:none}.chat-list-panel{height:100%;border:0}.profile-hero{flex-wrap:wrap;padding:16px}.profile-avatar{width:86px;height:86px}.profile-hero>div{min-width:200px}.profile-hero>div p{line-height:1.6}.profile-hero>aside{width:100%}.profile-hero>.button{flex:1}.info-grid{grid-template-columns:1fr}.security-row{grid-template-columns:1fr}.login-page{background:#fff}.public-header{padding:0 18px}.brand-wide img{width:190px}.public-actions .button,.language-button{display:none}.login-shell{width:100%;margin:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.login-story{min-height:auto;padding:35px 22px 30px}.story-copy h1{font-size:40px}.story-copy p{font-size:17px}.no-invest{font-size:16px}.benefit-grid{gap:7px}.benefit-grid article{padding:12px 6px}.benefit-grid .benefit-icon{font-size:28px}.benefit-grid b{font-size:12px}.benefit-grid small{font-size:9px}.story-art{display:none}.login-story blockquote{position:static;margin-top:24px;font-size:13px}.login-form-wrap{padding:35px 24px}.mobile-logo{display:block}.mobile-logo img{width:175px;margin:0 auto 20px}.login-form-head h2{font-size:31px}.public-footer{font-size:10px;flex-direction:column;align-items:flex-start}}

/* Fix double margin layout conflict with app.css */
body.has-sidebar .app-shell,
.app-shell {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
}

.app-main {
    margin-left: 240px !important;
    min-width: 0 !important;
}

@media (max-width: 980px) {
    .app-main {
        margin-left: 0 !important;
    }
}

/* Sidebar compact font size */
.side-nav a {
    font-size: 13px !important;
    height: 46px !important;
    gap: 12px !important;
    padding: 0 14px !important;
}
.side-nav a > span {
    font-size: 19px !important;
    width: 22px !important;
}

/* Utility page layout polish */
.utility-page .content-grid > *,
.utility-page .stacked > *,
.utility-page .panel-head > *,
.utility-page .service-row > * {
    min-width: 0;
}

.utility-page .panel-head {
    gap: 12px;
    flex-wrap: wrap;
}

.utility-page .panel-head button {
    white-space: normal;
    text-align: right;
}

.utility-page .utility-hero {
    gap: 22px;
    align-items: stretch;
}

.utility-page .utility-hero > div:first-child {
    min-width: 0;
    max-width: 560px;
}

.utility-page .utility-hero > div:last-child {
    flex: 0 0 auto;
}

.utility-page .overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.utility-page .overview-grid .stat-card {
    min-width: 0;
}

.utility-page .overview-grid .stat-card .stat-icon {
    flex: 0 0 auto;
}

.utility-page .overview-grid .stat-card div {
    min-width: 0;
}

.utility-page .overview-grid .stat-card small,
.utility-page .overview-grid .stat-card strong {
    display: block;
    overflow-wrap: anywhere;
}

.utility-page .overview-grid .stat-card strong {
    line-height: 1.2;
}

.utility-page .service-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
}

.utility-page .service-row button {
    min-width: 0;
    min-height: 92px;
    padding: 14px 10px;
    line-height: 1.35;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    text-align: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.utility-page .service-row button > span:first-child {
    font-size: 26px;
    line-height: 1;
}

.utility-page .service-row button > span:last-child {
    display: block;
    font-size: 13px;
    line-height: 1.35;
}

.utility-page .payment-form label,
.utility-page .payment-form input,
.utility-page .payment-form select,
.utility-page .benefit-preview span {
    min-width: 0;
}

.utility-page .saved-list article {
    grid-template-columns: 35px minmax(0, 1fr) auto 48px;
}

.utility-page .saved-list article div {
    min-width: 0;
}

.utility-page .saved-list article b,
.utility-page .saved-list article small,
.utility-page .saved-list article em {
    overflow-wrap: anywhere;
}

.utility-page .saved-list article b {
    font-size: 15px;
    line-height: 1.25;
}

.utility-page .saved-list article small,
.utility-page .saved-list article em {
    font-size: 11px;
}

.utility-page .saved-list button {
    min-width: 44px;
    font-size: 13px;
    font-weight: 700;
}

.utility-page .utility-offer > span {
    flex: 0 0 auto;
}

.utility-page .utility-offer div,
.utility-page .benefits-donut ul,
.utility-page .transaction-list article div {
    min-width: 0;
}

.utility-page .utility-offer aside {
    min-width: 74px;
}

.utility-page .transaction-list article {
    grid-template-columns: 36px minmax(0, 1fr) auto auto;
}

.utility-page .benefits-donut {
    min-width: 0;
}

.utility-page .benefits-donut li {
    gap: 10px;
}

.utility-page .panel h2 {
    font-size: 17px;
}

.utility-page .tab-row.small button {
    font-size: 14px;
    padding: 0 16px;
}

.utility-page .payment-form label {
    gap: 7px;
}

.utility-page .payment-form label > span {
    font-size: 13px;
    line-height: 1.25;
}

.utility-page .payment-form input,
.utility-page .payment-form select {
    height: 42px;
    font-size: 14px;
}

.utility-page .benefit-preview span {
    padding: 10px;
}

.utility-page .benefit-preview b {
    font-size: 24px;
    line-height: 1.1;
}

.utility-page .benefit-preview span span {
    font-size: 13px;
    line-height: 1.3;
}

.utility-page .button.button-primary.wide {
    height: 44px;
    font-size: 15px;
    font-weight: 800;
}

.utility-page .utility-offer b {
    font-size: 16px;
    line-height: 1.2;
}

.utility-page .utility-offer p,
.utility-page .utility-offer strong,
.utility-page .utility-offer aside b {
    font-size: 13px;
    line-height: 1.35;
}

.utility-page .transaction-list article b {
    font-size: 15px;
    line-height: 1.25;
}

.utility-page .transaction-list article small {
    font-size: 11px;
}

.utility-page .transaction-list article strong {
    font-size: 15px;
}

.utility-page .transaction-list .status {
    font-size: 10px;
}

.utility-page .benefits-donut > div b {
    font-size: 24px;
}

.utility-page .benefits-donut > div small,
.utility-page .benefits-donut li,
.utility-page .benefits-donut li b {
    font-size: 13px;
}

@media (max-width: 1200px) {
    .utility-page .utility-hero {
        min-height: 220px;
        padding: 24px;
    }

    .utility-page .utility-hero h2 {
        font-size: 28px;
    }

    .utility-page .overview-grid .stat-card strong {
        font-size: 18px;
    }

    .utility-page .service-row {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }

    .utility-page .saved-list article {
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }

    .utility-page .saved-list article button {
        grid-column: 2 / 4;
        justify-self: start;
        margin-top: 4px;
    }
}

@media (max-width: 700px) {
    .utility-page .overview-grid {
        grid-template-columns: 1fr;
    }

    .utility-page .service-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .utility-page .service-row button {
        min-height: 84px;
        font-size: 13px;
    }

    .utility-page .utility-hero {
        align-items: flex-start;
    }

    .utility-page .utility-hero > div:last-child {
        align-self: center;
    }

    .utility-page .benefits-donut {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

/* Market and profile page polish */
.market-page .market-cats,
.market-page .partner-grid,
.profile-page .profile-grid,
.profile-page .stacked {
    min-width: 0;
}

.market-page .market-tile-link {
    min-height: 88px;
    border: 1px solid var(--line);
    background: #f9fbff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.market-page .market-tile-link > span:first-child {
    font-size: 24px;
    line-height: 1;
}

.market-page .market-tile-link > span:last-child {
    line-height: 1.35;
}

.market-page .market-search-form {
    grid-template-columns: 1fr;
}

.market-page .market-search-form .benefit-preview {
    margin-top: 2px;
}

.market-page .partner-card strong:first-of-type,
.market-page .offer-card strong:first-of-type,
.market-page .recommend-row article strong {
    display: block;
    line-height: 1.3;
}

.market-page .partner-card {
    padding: 12px;
}

.market-page .partner-card header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
}

.market-page .partner-card header > span {
    width: 58px;
    height: 58px;
    border-radius: 14px;
    font-size: 24px;
    flex: 0 0 58px;
}

.market-page .partner-card header > div {
    width: 100%;
    padding-top: 4px;
}

.market-page .partner-card header > div strong {
    font-size: 18px;
    line-height: 1.25;
    color: #162a4b;
}

.market-page .partner-card header > div small {
    font-size: 11px;
    line-height: 1.4;
    color: #667793;
    margin-top: 2px;
}

.market-page .partner-card header > button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 4px;
}

.market-page .partner-card > strong {
    min-height: 34px;
}

.market-page .partner-card p,
.market-page .offer-card p,
.market-page .recommend-row article p {
    margin: 6px 0 0;
    line-height: 1.45;
}

.market-page .partner-card-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.market-page .partner-card-metrics em,
.market-page .partner-chip-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.market-page .partner-card-metrics em {
    background: #f0f8f3;
    color: #198747;
    border: 1px solid #dcefe2;
}

.market-page .partner-chip-link {
    background: #eef4ff;
    color: var(--blue);
    border: 1px solid #d8e5fb;
}

.market-page .partner-card footer small {
    line-height: 1.4;
}

.market-page .partner-card footer {
    gap: 10px;
    align-items: flex-start;
}

.market-page .partner-card footer small {
    flex: 1 1 auto;
    min-width: 0;
}

.market-page .partner-card footer button {
    flex: 0 0 auto;
    min-width: 86px;
    white-space: nowrap;
    text-align: center;
}

.profile-page .profile-hero,
.profile-page .profile-grid,
.profile-page .profile-grid > * {
    min-width: 0;
}

.profile-page .profile-avatar img {
    display: block;
}

.profile-page .settings-menu nav button {
    font-size: 13px;
    font-weight: 700;
}

.profile-page .info-grid strong,
.profile-page .bank-row b,
.profile-page .referral b {
    overflow-wrap: anywhere;
}

.profile-page .profile-upload-form {
    align-items: end;
}

.profile-page .profile-upload-form .button {
    width: 100%;
}

.profile-page .kyc {
    align-items: flex-start;
}

.profile-page .kyc > div,
.profile-page .security-row article {
    min-width: 0;
}

.profile-page .security-row article b {
    line-height: 1.3;
}

@media (max-width: 1200px) {
    .profile-page .profile-grid {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .profile-page .profile-grid > .stacked:last-child {
        grid-column: 1 / 3;
    }
}

@media (max-width: 700px) {
    .market-page .market-tile-link {
        min-width: 110px;
    }

    .profile-page .profile-grid {
        grid-template-columns: 1fr;
    }

    .profile-page .profile-grid > .stacked:last-child {
        grid-column: auto;
    }
}

/* Dashboard polish */
.dashboard-learn-panel,
.dashboard-campaign-panel,
.dashboard-updates-panel {
    padding: 16px 16px 15px;
}

.dashboard-learn-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-learn-card {
    min-height: 148px;
    border: 1px solid #d9e5f4;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 10px 24px rgba(24, 52, 96, .06);
}

.learn-card-icon {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #eef4ff, #e3eeff);
    color: var(--blue);
    font-size: 30px;
    position: relative;
}

.learn-card-icon i {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #16284e;
    color: #fff;
    font-style: normal;
    font-size: 10px;
}

.dashboard-learn-card div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.dashboard-learn-card b {
    font-size: 18px;
    line-height: 1.25;
    color: #112b57;
}

.dashboard-learn-card small {
    font-size: 12px;
    line-height: 1.45;
    color: #63748d;
}

.dashboard-learn-card strong {
    margin-top: auto;
    align-self: flex-start;
    border-radius: 999px;
    padding: 6px 10px;
    background: #eff5ff;
    color: var(--blue);
    font-size: 12px;
}

.dashboard-campaign-panel,
.dashboard-updates-panel {
    display: flex;
    flex-direction: column;
}

.dashboard-campaign-list,
.dashboard-updates-list {
    flex: 1;
}

.dashboard-campaign-list article,
.dashboard-updates-list article {
    padding: 12px 0;
}

.dashboard-empty-state {
    min-height: 210px;
    border: 1px dashed #d4deee;
    border-radius: 16px;
    background: linear-gradient(180deg, #fbfdff, #f6f9ff);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    padding: 24px 20px;
}

.dashboard-empty-state > span {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #eef4ff;
    font-size: 30px;
}

.dashboard-empty-state b {
    display: block;
    font-size: 18px;
    line-height: 1.25;
    color: #112b57;
}

.dashboard-empty-state small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    color: #68788f;
}

.dashboard-opportunity-row {
    margin-top: 14px;
}

.dashboard-opportunity-row a {
    min-height: 76px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 8px 18px rgba(26, 48, 88, .05);
}

.dashboard-opportunity-row small {
    font-size: 10px;
    font-weight: 700;
}

@media (max-width: 700px) {
    .dashboard-learn-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-learn-card {
        min-height: 132px;
    }
}

/* Earning page polish */
.earning-page .section-title {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
    color: #143466;
    margin: 2px 0 -2px;
}

.earning-page .earning-overview-grid {
    gap: 12px;
}

.earning-page .earning-overview-grid .stat-card {
    min-height: 104px;
    padding: 16px 18px;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(26, 50, 92, .05);
}

.earning-page .earning-overview-grid .stat-card .stat-icon {
    width: 44px;
    height: 44px;
    font-size: 20px;
}

.earning-page .earning-overview-grid .stat-card small {
    font-size: 12px;
    line-height: 1.35;
}

.earning-page .earning-overview-grid .stat-card strong {
    font-size: 18px;
    line-height: 1.2;
    color: #102b55;
}

.earning-page .earning-overview-grid .stat-card em {
    font-size: 11px;
    line-height: 1.35;
}

.earning-page .earning-source-grid {
    gap: 12px;
}

.earning-page .source-card {
    min-height: 186px;
    padding: 16px 17px;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(26, 50, 92, .05);
    background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
}

.earning-page .source-card header {
    align-items: flex-start;
    gap: 12px;
}

.earning-page .source-card header > span {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 26px;
    background: #eef4ff;
    color: var(--blue);
    flex: 0 0 auto;
}

.earning-page .source-card header div {
    min-width: 0;
    gap: 3px;
}

.earning-page .source-card header b {
    font-size: 15px;
    line-height: 1.3;
    color: #112c58;
}

.earning-page .source-card header small {
    font-size: 12px;
    line-height: 1.45;
    color: #68788f;
}

.earning-page .source-card header a {
    margin-left: auto;
    flex: 0 0 auto;
}

.earning-page .source-card header i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.8);
    color: var(--blue);
    font-size: 14px;
}

.earning-page .source-card em {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em;
}

.earning-page .source-card p {
    margin: 10px 0 4px;
    font-size: 12px;
    line-height: 1.5;
    color: #697991;
}

.earning-page .source-card strong {
    font-size: 18px;
    line-height: 1.25;
    color: #102b55;
}

.earning-page .earning-summary-panel,
.earning-page .earning-performance-panel,
.earning-page .earning-quick-panel {
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(26, 50, 92, .06);
}

.earning-page .earning-summary-panel .panel-head,
.earning-page .earning-performance-panel .panel-head,
.earning-page .earning-quick-panel .panel-head {
    margin-bottom: 16px;
}

.earning-page .earning-metrics-grid {
    gap: 14px;
}

.earning-page .earning-metric-card {
    min-height: 132px;
    border: 1px solid #dbe5f3;
}

.earning-page .earning-metric-card b {
    font-size: 26px;
}

.earning-page .earning-action-grid {
    gap: 14px;
}

.earning-page .earning-action-card {
    min-height: 118px;
    padding: 18px 16px;
    border-radius: 16px;
}

.earning-page .earning-action-card .action-icon {
    width: 42px;
    height: 42px;
    font-size: 19px;
}

.earning-page .earning-action-card strong {
    font-size: 17px;
    line-height: 1.3;
}

.earning-page .earning-action-card small {
    font-size: 12px;
    line-height: 1.45;
}

.earning-page .chart-head {
    align-items: baseline;
    gap: 12px;
    margin-bottom: 10px;
}

.earning-page .chart-head strong {
    font-size: 20px;
    color: #102b55;
}

.earning-page .bar-chart {
    height: 148px;
    gap: 7%;
}

.earning-page .bar-chart i {
    border-radius: 10px 10px 0 0;
}

.earning-page .bar-chart small {
    bottom: -22px;
    font-size: 10px;
}

.earning-page .earning-quick-panel .quick-grid {
    gap: 12px;
}

.earning-page .earning-quick-panel .button {
    min-height: 46px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
}

@media (max-width: 700px) {
    .earning-page .earning-overview-grid {
        grid-template-columns: 1fr 1fr;
    }

    .earning-page .source-card {
        min-height: 168px;
    }

    .earning-page .earning-metric-card {
        min-height: 118px;
    }
}

/* Sidebar compact typography */
.sidebar {
    padding: 16px 12px;
}

.sidebar .brand {
    height: 84px;
    margin-bottom: 12px;
}

.sidebar .brand img {
    width: 188px;
}

.side-nav {
    gap: 4px;
}

.side-nav a {
    height: 44px !important;
    gap: 11px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
    font-weight: 700;
}

.side-nav a > span {
    width: 20px !important;
    font-size: 17px !important;
}

.sidebar-help {
    padding: 14px;
}

.sidebar-help small {
    font-size: 11px;
}

.sidebar-help a {
    font-size: 12px;
}

.sidebar-link {
    font-size: 12px !important;
    padding: 10px 12px !important;
}

/* Direct team reports */
.direct-team-page .direct-team-hero {
    align-items: stretch;
    gap: 18px;
}

.direct-team-page .direct-team-highlight {
    min-width: 240px;
    justify-content: center;
}

.direct-team-page .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.direct-team-page .direct-team-overview-grid {
    margin-top: 18px;
}

.direct-team-page .direct-team-deep-stats,
.direct-team-page .direct-team-filter-panel,
.direct-team-page .direct-team-members-panel,
.direct-team-page .panel-card {
    border-radius: 20px;
    box-shadow: 0 14px 32px rgba(26, 50, 92, .08);
}

.direct-team-page .direct-team-income-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.direct-team-page .direct-team-income-grid .earning-action-card {
    min-height: 134px;
}

.direct-team-page .direct-team-filter-form,
.direct-team-page .direct-team-claim-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.direct-team-page .direct-team-filter-form .wide,
.direct-team-page .direct-team-claim-form .wide {
    grid-column: 1 / -1;
}

.direct-team-page .direct-team-filter-form label,
.direct-team-page .direct-team-claim-form label {
    display: grid;
    gap: 8px;
}

.direct-team-page .direct-team-filter-form span,
.direct-team-page .direct-team-claim-form span,
.direct-team-page .team-detail-list b,
.direct-team-page .team-member-meta b,
.direct-team-page .team-member-stats b {
    font-size: 12px;
    font-weight: 800;
    color: #4c5f7e;
}

.direct-team-page .direct-team-range-row {
    grid-column: 1 / -1;
    margin-bottom: 6px;
    gap: 10px;
}

.direct-team-page .direct-team-range-row .market-tile-link {
    min-height: 42px;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 800;
}

.direct-team-page .team-member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.direct-team-page .team-member-card {
    display: grid;
    gap: 14px;
    padding: 20px;
    border: 1px solid #dfe8f4;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 24px rgba(26, 50, 92, .05);
}

.direct-team-page .team-member-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.direct-team-page .team-member-top strong {
    display: block;
    font-size: 18px;
    line-height: 1.3;
    color: #102b55;
}

.direct-team-page .team-member-top small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #70819b;
}

.direct-team-page .team-member-meta,
.direct-team-page .team-member-stats,
.direct-team-page .team-detail-list {
    display: grid;
    gap: 10px;
}

.direct-team-page .team-member-meta span,
.direct-team-page .team-member-stats span,
.direct-team-page .team-detail-list span {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebf1f7;
}

.direct-team-page .team-member-meta i,
.direct-team-page .team-member-stats i,
.direct-team-page .team-detail-list i {
    font-style: normal;
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    color: #173463;
}

.direct-team-page .claim-card {
    background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);
}

.direct-team-page .direct-team-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.direct-team-page .member-hero {
    margin-bottom: 18px;
}

.direct-team-page .table-wrap {
    overflow-x: auto;
    border-radius: 18px;
    border: 1px solid #dce5f2;
}

.direct-team-page .data-table {
    min-width: 760px;
}

.direct-team-page .data-table th {
    font-size: 12px;
    letter-spacing: .01em;
    color: #50627f;
    background: #f6f9fc;
}

.direct-team-page .data-table td {
    font-size: 13px;
    color: #15315d;
}

.direct-team-page .dashboard-empty-state {
    min-height: 220px;
}

@media (max-width: 900px) {
    .direct-team-page .direct-team-filter-form,
    .direct-team-page .direct-team-claim-form,
    .direct-team-page .direct-team-detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .direct-team-page .direct-team-hero {
        grid-template-columns: 1fr;
    }

    .direct-team-page .team-member-meta span,
    .direct-team-page .team-member-stats span,
    .direct-team-page .team-detail-list span {
        flex-direction: column;
        align-items: flex-start;
    }

    .direct-team-page .team-member-meta i,
    .direct-team-page .team-member-stats i,
    .direct-team-page .team-detail-list i {
        text-align: left;
    }
}

/* Earn wallet subpages */
.wallet-subpage .wallet-hero {
    align-items: stretch;
    gap: 18px;
}

.wallet-subpage .wallet-side-card {
    min-width: 230px;
    justify-content: center;
}

.wallet-subpage .wallet-theme-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.wallet-subpage .wallet-theme-tab {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5dfef;
    background: #fff;
    color: #4f6281;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: .2s ease;
}

.wallet-subpage .wallet-theme-tab:hover,
.wallet-subpage .wallet-theme-tab.active {
    border-color: #b8cffb;
    background: linear-gradient(135deg, #eef5ff 0%, #f9fbff 100%);
    color: #0d54d8;
    box-shadow: 0 10px 20px rgba(13, 84, 216, .08);
}

.wallet-subpage .wallet-stats-grid {
    margin-top: 18px;
}

.wallet-subpage .wallet-panel {
    border-radius: 20px;
    box-shadow: 0 14px 32px rgba(26, 50, 92, .08);
}

.wallet-subpage .wallet-dual-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.wallet-subpage .wallet-action-row,
.wallet-subpage .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.wallet-subpage .wallet-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.wallet-subpage .wallet-form .wide {
    grid-column: 1 / -1;
}

.wallet-subpage .wallet-form label {
    display: grid;
    gap: 8px;
}

.wallet-subpage .wallet-form span,
.wallet-subpage .wallet-panel .team-detail-list b {
    font-size: 12px;
    font-weight: 800;
    color: #4b5f7d;
}

.wallet-subpage .wallet-panel .team-detail-list {
    display: grid;
    gap: 10px;
}

.wallet-subpage .wallet-panel .team-detail-list span {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebf1f7;
}

.wallet-subpage .wallet-panel .team-detail-list i {
    font-style: normal;
    font-size: 13px;
    font-weight: 700;
    color: #173463;
    text-align: right;
}

.wallet-subpage .wallet-panel .table-wrap {
    overflow-x: auto;
    border: 1px solid #dce5f2;
    border-radius: 18px;
}

.wallet-subpage .wallet-panel .data-table {
    min-width: 760px;
}

.wallet-subpage .wallet-panel .data-table th {
    font-size: 12px;
    color: #50627f;
    background: #f6f9fc;
}

.wallet-subpage .wallet-panel .data-table td {
    font-size: 13px;
    color: #15315d;
}

.wallet-subpage .dashboard-empty-state {
    min-height: 220px;
}

@media (max-width: 900px) {
    .wallet-subpage .wallet-dual-grid,
    .wallet-subpage .wallet-form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .wallet-subpage .wallet-hero {
        grid-template-columns: 1fr;
    }

    .wallet-subpage .wallet-panel .team-detail-list span {
        flex-direction: column;
        align-items: flex-start;
    }

    .wallet-subpage .wallet-panel .team-detail-list i {
        text-align: left;
    }
}

/* Admin layout fix */
body.layout-admin {
    background: #f4f7fb;
}

body.layout-admin .topbar-admin {
    position: sticky;
    top: 0;
    z-index: 120;
    min-height: 84px;
    display: flex;
    align-items: center;
}

body.layout-admin .topbar-admin .topbar-inner {
    width: min(1320px, calc(100% - 40px));
}

body.layout-admin .main-sidebar {
    top: 84px;
    width: 250px;
    padding: 18px 14px 26px;
    overflow-y: auto;
    overflow-x: hidden;
}

body.layout-admin .sidebar-brand {
    padding: 2px 10px 16px;
    margin-bottom: 12px;
}

body.layout-admin .sidebar-brand-title {
    font-size: 15px;
}

body.layout-admin .sidebar-brand-subtitle {
    font-size: 12px;
}

body.layout-admin .nav-sidebar {
    gap: 6px;
}

body.layout-admin .sidebar-link {
    min-height: 40px;
    padding: 9px 11px;
    font-size: 12px;
    line-height: 1.35;
    border-radius: 10px;
    white-space: normal;
    word-break: break-word;
}

body.layout-admin.has-sidebar .app-shell {
    margin-left: 250px !important;
    width: calc(100% - 250px) !important;
    max-width: calc(100% - 250px) !important;
    min-height: calc(100vh - 84px);
    padding: 18px 0 38px !important;
}

body.layout-admin.has-sidebar .app-shell > .container {
    width: min(1320px, calc(100% - 34px));
    max-width: calc(100% - 34px);
    margin: 0 auto;
}

body.layout-admin .panel {
    padding: 16px;
}

body.layout-admin .page-title {
    font-size: clamp(2rem, 4vw, 2.85rem);
    line-height: 1.12;
}

body.layout-admin .page-subtitle {
    max-width: 920px;
}

body.layout-admin .grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

body.layout-admin .actions {
    gap: 12px;
}

body.layout-admin .actions .btn {
    min-height: 44px;
}

@media (max-width: 991px) {
    body.layout-admin .topbar-admin {
        min-height: 74px;
    }

    body.layout-admin .topbar-admin .topbar-inner {
        width: min(100%, calc(100% - 24px));
    }

    body.layout-admin .main-sidebar {
        display: none;
    }

    body.layout-admin.has-sidebar .app-shell {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: calc(100vh - 74px);
        padding: 14px 0 110px !important;
    }

    body.layout-admin.has-sidebar .app-shell > .container {
        width: min(100%, calc(100% - 24px));
        max-width: calc(100% - 24px);
    }
}

/* Market store page */
.market-store-page .container.panel {
    padding: 16px;
}

.market-store-hero {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(19, 42, 88, 0.08);
}

.market-store-cover {
    --store-banner-image: none;
    position: relative;
    min-height: 250px;
    background-color: #ffe9f2;
    background-image:
        linear-gradient(135deg, rgba(255, 183, 210, 0.52), rgba(255, 224, 236, 0.28)),
        var(--store-banner-image),
        radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.4) 14%, transparent 15%),
        radial-gradient(circle at 46% 38%, rgba(255, 255, 255, 0.82) 0, rgba(255, 255, 255, 0.35) 13%, transparent 14%),
        radial-gradient(circle at 78% 30%, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 0.38) 14%, transparent 15%),
        radial-gradient(circle at 62% 74%, rgba(255, 255, 255, 0.84) 0, rgba(255, 255, 255, 0.38) 13%, transparent 14%),
        linear-gradient(135deg, #ffd8ea, #ffe9f2);
    background-repeat: no-repeat;
    background-size: auto, cover, auto, auto, auto, auto, auto;
    background-position: center, center, center, center, center, center, center;
}

.market-store-cover-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.market-store-cover-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.18));
    z-index: 1;
}

.market-store-summary {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    padding: 24px 28px 28px;
}

.market-store-brand {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
    flex: 1;
}

.market-store-logo {
    width: 128px;
    height: 128px;
    margin-top: -88px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid #e6ebf5;
    box-shadow: 0 18px 30px rgba(18, 45, 94, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex: 0 0 auto;
}

.market-store-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.market-store-logo span {
    font-size: 42px;
    font-weight: 800;
    color: #8f2165;
}

.market-store-copy {
    min-width: 0;
    padding-top: 10px;
}

.market-store-badge {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    background: #f8e7f1;
    color: #8f2165;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.market-store-copy h1 {
    margin: 12px 0 8px;
    font-size: 42px;
    line-height: 1.06;
    color: #182a4d;
    word-break: break-word;
}

.market-store-copy p {
    margin: 0;
    max-width: 760px;
    color: #5e6c85;
    font-size: 15px;
    line-height: 1.7;
}

.market-store-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    color: #667793;
    font-size: 14px;
}

.market-store-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.market-store-meta strong {
    color: #1c2f56;
    font-size: 19px;
}

.market-store-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.market-store-layout {
    align-items: start;
}

.market-store-main,
.market-store-side > .panel {
    border-radius: 22px;
}

.market-store-head {
    gap: 16px;
    align-items: flex-start;
}

.market-store-head > div {
    min-width: 0;
}

.market-store-head small {
    display: block;
    margin-top: 5px;
    color: #667793;
    line-height: 1.5;
}

.market-store-count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 15px;
    border-radius: 999px;
    background: #f6f8fc;
    color: #233a65;
    border: 1px solid #e4eaf4;
    font-weight: 700;
    white-space: nowrap;
}

.market-store-products {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.market-store-product-row {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr) 180px;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid #e7ecf4;
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #fbfcff);
    box-shadow: 0 8px 24px rgba(22, 47, 91, 0.05);
}

.market-store-product-media {
    height: 150px;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(135deg, #eef3fb, #f8faff);
    display: flex;
    align-items: center;
    justify-content: center;
}

.market-store-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.market-store-product-media span {
    font-size: 36px;
    font-weight: 800;
    color: #2a4c86;
}

.market-store-product-copy {
    min-width: 0;
}

.market-store-product-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.market-store-product-topline h3 {
    margin: 0;
    font-size: 22px;
    line-height: 1.2;
    color: #162a4b;
}

.market-store-live {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: #ecfaef;
    color: #0b8a3d;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.market-store-product-copy p {
    margin: 10px 0 0;
    color: #5b6d89;
    line-height: 1.7;
}

.market-store-product-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.market-store-product-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: #f4f7fc;
    border: 1px solid #e4ebf5;
    color: #556a89;
    font-size: 12px;
    font-weight: 700;
}

.market-store-product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    text-align: right;
}

.market-store-product-price small {
    color: #7c8da8;
    font-size: 12px;
}

.market-store-product-price strong {
    color: #152848;
    font-size: 30px;
    line-height: 1.05;
}

.market-store-product-price s {
    color: #99a6bc;
}

.market-store-product-price .button {
    min-width: 150px;
}

.market-store-detail-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.market-store-detail-list small {
    display: block;
    margin-bottom: 6px;
    color: #7d8ca3;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.market-store-detail-list p {
    margin: 0;
    color: #233a60;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.market-store-stats {
    grid-template-columns: 1fr;
}

@media (max-width: 1300px) {
    .market-store-product-row {
        grid-template-columns: 120px minmax(0, 1fr) 160px;
    }

    .market-store-copy h1 {
        font-size: 36px;
    }
}

@media (max-width: 980px) {
.market-store-summary {
        flex-direction: column;
        align-items: stretch;
        padding: 0 18px 18px;
        gap: 18px;
    }

    .market-store-brand {
        align-items: center;
    }

    .market-store-actions {
        justify-content: flex-start;
    }

    .market-store-product-row {
        grid-template-columns: 110px minmax(0, 1fr);
    }

.market-store-product-price {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding-top: 6px;
}

.settlement-overview-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.settlement-overview-grid .stat-card {
    min-height: 92px;
}
}

@media (max-width: 700px) {
    .market-store-page .container.panel {
        padding: 10px;
    }

.market-store-cover {
        min-height: 185px;
    }

    .market-store-brand {
        flex-direction: column;
        align-items: flex-start;
    }

    .market-store-logo {
        width: 96px;
        height: 96px;
        margin-top: -54px;
        border-radius: 22px;
    }

    .market-store-copy h1 {
        font-size: 30px;
    }

    .market-store-meta {
        gap: 10px;
        font-size: 13px;
    }

    .market-store-product-row {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .market-store-product-media {
        height: 200px;
    }

    .market-store-product-topline {
        flex-wrap: wrap;
    }

    .market-store-product-price {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .market-store-product-price .button {
        width: 100%;
    }

    .market-store-head {
        flex-wrap: wrap;
    }

    .market-store-count {
        min-height: 38px;
    }

    .settlement-overview-grid {
        grid-template-columns: 1fr 1fr;
    }
}