/* NovaXDiva visual pass: mobile surfaces based on supplied reference screens. */
:root{
  --text-secondary:#a6b4c9;--text-muted:#91a3bb;--emerald-light:#00ddb1;
  --card-bg:linear-gradient(145deg,#28374b 0%,#203047 54%,#1c293f 100%);
  --card-border:rgba(163,186,205,.25);--cyan-primary:#00bcff;
}
html{background:#183650}
body{
  background:radial-gradient(ellipse at 50% 25%,#1373a0 0%,#235381 42%,#294c6d 68%,#1c3047 100%);
  background-attachment:fixed;font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif;
  font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
button,input{font:inherit}button{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:2px solid #73e0ff;outline-offset:4px}
.app-shell{max-width:480px;padding:18px 16px calc(110px + var(--safe-bottom));}
.top-header{padding:8px 0 19px;gap:10px;}
.brand-cluster{gap:8px;min-width:0;outline-offset:5px}
.brand-logo-svg{border-radius:14px;background:linear-gradient(140deg,#13d4f5,#0084ce);border:1px solid #63d9ff77;box-shadow:inset 0 2px 1px #ffffff30,0 4px 18px #041c3c50;}
.brand-title{font-size:23px;letter-spacing:-.7px;-webkit-text-fill-color:#fff;background:none;font-weight:850;}
.brand-subtitle{font-size:10px;color:#c0d9eb;letter-spacing:.3px}
.header-actions{gap:7px}.balance-pill{min-height:32px;padding:0 10px;background:linear-gradient(145deg,#42638499,#2a496e99);border:1px solid #a8d7ef30;font:700 13px ui-monospace,Consolas,monospace;box-shadow:inset 0 1px 2px #ffffff1a;}
.balance-pill .usdt-badge{background:#00adad;color:#fff;box-shadow:0 0 12px #00d7cf66}
#btn-header-admin,#btn-settings{width:34px;min-width:34px;min-height:34px;padding:0;border-radius:50%;font-size:16px;border-color:#55d6ff88;box-shadow:0 0 10px #00c4ff55;background:#15324b}
#header-role-badge{display:none}
.sample-banner{background:#092b4366;border:1px solid #85cffb25;border-radius:12px;color:#b7d9ed;padding:8px 10px;font-size:10px;line-height:1.45;margin-bottom:14px}
.demo-switcher-bar{background:#15334a88;border-color:#8ac5e325;border-radius:12px;padding:7px 9px;font-size:10px;gap:5px}
.demo-switcher-bar .icon-btn-44{min-width:40px!important;min-height:30px!important;padding:0 7px!important;font-size:10px}
.demo-tools{margin:-4px 0 14px;color:#a9c8df;font-size:10px}.demo-tools summary{list-style:none;cursor:pointer;padding:3px 2px;display:flex;justify-content:space-between}.demo-tools[open] summary{margin-bottom:7px}.demo-tools .demo-switcher-bar{margin-bottom:0}
.nv-card{background:var(--card-bg);border:1px solid #8ba1b340;border-radius:23px;padding:18px;margin-bottom:14px;box-shadow:inset 0 1px 1px #edf5ff12,inset 0 0 0 3px #ffffff02,0 3px 3px #00162466,0 12px 22px #071b3333;}
.nv-card-purple{background:linear-gradient(130deg,#3b304a,#253347 88%);border-color:#b67dd54a;box-shadow:inset 0 1px 2px #eedbff16,0 0 0 3px #ad58db08,0 9px 24px #13172f55}
.nv-card-gold{background:linear-gradient(135deg,#383b3e,#1d2a3f);border-color:#d9af384d}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-label{font-size:10px;letter-spacing:.35px;color:#a7b6c9;font-weight:700;line-height:1.5}
.amount-lg{font-size:27px;font-weight:850;letter-spacing:-1px;gap:5px;margin:4px 0 8px;line-height:1.2}
.amount-emerald{text-shadow:0 0 12px #00e4aa25}
.usdt-badge{width:17px;height:17px;background:#129ca3;color:#e2ffff;font-size:11px;border-radius:50%;letter-spacing:0;box-shadow:0 0 8px #00ddd42b}
.subtext-sm{font-size:12px;line-height:1.65;color:#a8b8cb}
.progress-track{height:6px;background:#8da0b41e;box-shadow:inset 0 1px 2px #00000020;margin-top:9px}
.progress-fill{background:linear-gradient(90deg,#0292d6,#08d4ed);box-shadow:0 0 9px #00ccff50}
.btn{min-height:46px;border-radius:15px;font-size:14px;font-weight:700;letter-spacing:.05px;padding:0 17px;gap:7px;flex-shrink:0;position:relative;transition:filter .16s,transform .16s,box-shadow .16s;}
.btn-cyan,.seg-tab.active{background:linear-gradient(180deg,#28bbf7 0%,#009de9 48%,#0079d6 100%);border:1px solid #76dfff9c;box-shadow:inset 0 2px 2px #d3f7ff55,inset 0 -2px 3px #004b982e,0 2px 2px #02274844,0 5px 18px #00abff35;color:white;text-shadow:0 1px 1px #00669c55}
.btn-purple{background:linear-gradient(110deg,#a300ef,#7733f3 55%,#4d2afa);border:1px solid #c188ff88;box-shadow:inset 0 2px 2px #e7bfff2e,0 5px 20px #a21cff35;text-shadow:0 1px 1px #4c087b55}
.btn-emerald{background:linear-gradient(160deg,#3dd997,#00b87f 65%,#009d79);border:1px solid #a8f3c977;box-shadow:inset 0 2px 2px #e0fff544,0 4px 16px #00c58b38}
.btn-gold{background:linear-gradient(180deg,#ffce4b,#ffb91f 55%,#e89a0e);border:1px solid #ffe297b3;box-shadow:inset 0 2px 2px #fff3ba77,0 5px 20px #ffcc312b;color:#161a22}
.btn-slate{background:linear-gradient(160deg,#45556b99,#35435a99);border:1px solid #a3b0c244;box-shadow:inset 0 1px 2px #ffffff14,0 2px 3px #071b3422;color:#edf3ff}
.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}
.btn:active:not(:disabled){filter:brightness(.94);transform:translateY(1px);box-shadow:inset 0 2px 5px #00223b40}
.btn:disabled{opacity:.42;box-shadow:none}
.section-header{gap:8px;margin:22px 0 12px}.section-title{font-size:20px;font-weight:850;letter-spacing:-.5px;gap:6px;line-height:1.35}
.section-title .badge-pill{font-size:9px;letter-spacing:0;white-space:nowrap}
.badge-pill{padding:3px 8px;font-size:10px;line-height:1.4;white-space:nowrap}
.segmented-tabs{background:#09283dcc;border:1px solid #54b5ec25;border-radius:18px;box-shadow:inset 0 2px 5px #00000038;padding:4px;gap:3px;margin-bottom:23px}
.seg-tab{border:1px solid transparent;min-height:43px;border-radius:14px;padding:0 6px;font-size:12px;color:#8eabc1;gap:5px;white-space:nowrap}
.seg-tab.active{color:white}
.network-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid currentColor;background:#a789ed13;box-shadow:inset 0 1px 3px #ffffff0c,0 0 15px #9b58e414;color:#b58bff}
.network-icon svg{width:22px;height:22px}.network-icon[data-network="usl"]{color:#ffcd25;background:#ffcf0012}
.network-icon[data-network="monetix"]{color:#00d8df;background:#00d8df12}
.network-icon[data-network="adexium"]{color:#f267a3;background:#f267a312}
.network-icon[data-network="adsgram"]{color:#53d6ff;background:#53d6ff12}
.daily-task{gap:12px!important;padding:16px!important}.daily-task>div:first-of-type{flex:1;min-width:0}.daily-task>div:first-of-type>div:first-child{font-size:14px!important;line-height:1.5}.daily-task>.btn,.daily-task>div:last-child .btn{min-width:65px;padding:0 12px;white-space:nowrap;font-size:12px}.daily-task .subtext-sm{font-size:12px}.daily-task .amount-gold{font-size:11px!important}
.task-icon{width:39px;height:43px;flex:0 0 39px;display:grid;place-items:center;border-radius:14px;border:1px solid #42b9ee3b;color:#00bbfa;background:#00baff0a;font-size:26px;box-shadow:inset 0 1px 3px #fff1,0 0 16px #00aaff0c}
.task-icon-gold{color:#f9cf28;background:#f9cf2810;border-color:#dfb62d44}.task-icon-green{color:#00d5a4;background:#00d5a410;border-color:#00d5a433}
.network-card{min-height:180px!important;position:relative;padding:15px!important}
.network-card .btn{min-height:36px;font-size:12px;border-radius:12px;padding:0 8px;margin-top:2px}
.network-card .btn::first-letter{color:#00cbf3}
.network-card::after{content:'';height:4px;margin-top:10px;background:#9aacc426;border-radius:10px}
.hero-grid>.nv-card{padding:15px 13px;min-height:155px}
.hero-grid .btn{min-height:39px;font-size:12px;padding:0 7px;border-radius:13px}
.hero-grid .subtext-sm{font-size:10px;line-height:1.55}
.hero-grid .card-label{font-size:9px;min-height:26px}
.featured-card{padding:18px!important;min-height:228px}.featured-card>.btn{min-height:45px}
.tier-card{border-radius:16px!important;background:#15273fe8;padding:12px!important;margin:24px 0!important;font-size:12px}
.bottom-nav-wrap{padding:0 13px calc(12px + var(--safe-bottom));}
.bottom-nav{height:65px;max-width:450px;border-radius:28px;padding:0 5px;background:linear-gradient(160deg,#2b3e54e8,#18273de8);border:1px solid #a0bfd83f;box-shadow:inset 0 2px 2px #ffffff12,0 2px 4px #00000033,0 8px 30px #04142e77;backdrop-filter:blur(20px)}
.nav-item{font-size:10px;font-weight:500;min-height:54px;gap:4px;color:#99aabd;border:1px solid transparent;border-radius:30px;}
.nav-item svg{width:20px;height:20px;stroke-width:1.7}
.nav-item.active:not(.nav-item-center){color:#00bbfb;background:linear-gradient(145deg,#6c7d9255,#62718722);border-color:#aec9e028;box-shadow:inset 0 2px 3px #ffffff12;text-shadow:0 0 10px #00bfff55}
.nav-center-orb{width:51px;height:51px;border:1px solid #6fe5ff88;background:linear-gradient(145deg,#18d5fb,#008edb);box-shadow:inset 0 2px 2px #d4faff66,0 0 0 6px #20364baa,0 5px 18px #00122b77;color:#ffcf36;font-size:25px;font-style:italic;}
.nav-item-center.active .nav-center-orb{box-shadow:inset 0 2px 2px #d4faff66,0 0 0 6px #20364baa,0 5px 18px #00abff44}
.podium-pedestal{border-radius:22px;box-shadow:inset 0 1px 2px #ffffff33,0 3px 5px #071c3b66}
.podium-rank-1 .podium-pedestal{min-height:150px;background:linear-gradient(145deg,#958f5f66,#6a654d66);border-color:#e6c34388}
.podium-rank-2 .podium-pedestal{min-height:125px;background:linear-gradient(145deg,#97aaba66,#65758944);border-color:#d4e5ef66}
.podium-rank-3 .podium-pedestal{min-height:115px;background:linear-gradient(145deg,#9a816966,#61463266);border-color:#cc9b6f66}
.form-input{background:#0f2638d9;border-radius:14px;border-color:#87b2c92e;box-shadow:inset 0 2px 5px #00000033}
.modal-card{background:linear-gradient(145deg,#273e56,#192b41);border-radius:25px}
.language-settings{width:min(440px,calc(100vw - 24px));padding:20px}.settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-heading h2{font-size:22px;letter-spacing:-.5px}.settings-eyebrow{font-size:9px;letter-spacing:2px;color:#4ecfff}.language-settings h3{font-size:15px;margin-bottom:3px}.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;max-height:min(52vh,340px);overflow-y:auto;padding-right:3px}.language-choice{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border-radius:14px;background:#10253a88;border:1px solid #b1d2e82b;color:#eef6ff;text-align:left;cursor:pointer}.language-choice.selected{border-color:#27beff;background:linear-gradient(130deg,#0d526d,#193e58);box-shadow:inset 0 1px 2px #c5f2ff16,0 0 16px #00bcff12}.language-code{display:grid;place-items:center;flex-shrink:0;border-radius:9px;width:32px;height:32px;background:#84c2e21a;font-size:11px;font-weight:750;color:#60d4ff}.language-choice strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-choice small{display:block;color:#9eb6ca;font-size:10.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-check{margin-left:auto;color:#2bd9ef;font-size:16px;flex-shrink:0}.settings-note{margin:13px 0 18px!important;font-size:11px!important}
[dir="rtl"] .language-choice{text-align:right}[dir="rtl"] .language-check{margin-left:0;margin-right:auto}
@media(min-width:768px){body{padding:20px 0}.app-shell{max-width:480px;background:radial-gradient(ellipse at 50% 24%,#14719c,#254d75 63%,#24394d);border-color:#9ebad333;border-radius:30px;box-shadow:0 24px 70px #04112566}}
@media(max-width:359px){
 .app-shell{padding-left:12px;padding-right:12px}.brand-title{font-size:20px}.brand-subtitle{font-size:9px}.brand-logo-svg{width:29px;height:29px;border-radius:10px}.header-actions{gap:4px}.balance-pill{font-size:11px;padding:0 7px;min-height:30px}
 .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.language-options{grid-template-columns:1fr}.nv-card{padding:15px;border-radius:20px}.amount-lg{font-size:23px}.section-title{font-size:17px}.section-header>.badge-pill{font-size:8px;padding:3px 5px}.nav-item{font-size:9px}.btn{font-size:12px;padding:0 12px}.seg-tab{font-size:10px;padding:0 4px}.network-card{padding:12px!important}.network-card .badge-pill{font-size:9px;padding:3px 5px}.hero-grid .nv-card{padding:13px 10px}.hero-grid .amount-lg{font-size:22px}.hero-grid .card-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}