:root{--bg:#f7f8fc;--panel:#fff;--ink:#151827;--muted:#6f7488;--line:#e8eaf2;--primary:#6d5dfc;--primary2:#8c7dff;--success:#1f9d6c;--danger:#dd4758;--warning:#c58a15;--radius:20px;--shadow:0 18px 45px rgba(27,31,52,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#111422;color:#dfe2ef;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand,.public-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#a579ff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(109,93,252,.25)}.brand-mark.lg{width:52px;height:52px;font-size:18px}.nav{display:flex;flex-direction:column;gap:5px;margin-top:34px}.nav a,.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;color:#aeb3c8}.nav a:hover,.nav a.active,.nav-link:hover{background:#1b1f30;color:#fff}.sidebar-bottom{margin-top:auto}.topbar{position:fixed;left:250px;right:0;top:0;height:76px;background:rgba(247,248,252,.88);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(232,234,242,.8);z-index:10}.topbar-title{font-weight:800}.top-actions{display:flex;align-items:center;gap:12px}.credit-pill{padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:999px}.user-chip{display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;background:#e9e7ff;color:#5549d9;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.main{margin-left:250px;padding:108px 32px 50px;max-width:1500px}.public-main{min-height:100vh;padding:28px}.public-brand{max-width:1180px;margin:0 auto}.landing{max-width:1180px;margin:70px auto}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:900;color:var(--primary);margin-bottom:10px}.hero-copy h1{font-size:62px;line-height:1.02;margin:0 0 20px;letter-spacing:-.04em}.hero-copy p{font-size:20px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:26px}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;color:var(--muted);font-size:13px}.hero-card{background:#111422;border-radius:30px;padding:22px;color:#fff;box-shadow:var(--shadow)}.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{background:#1a1e2f;border:1px solid #2c3144;border-radius:18px;padding:18px;margin-bottom:12px}.mini-card.accent{background:linear-gradient(135deg,#6d5dfc,#8c7dff);border:none}.mini-card span,.mini-card small{display:block;color:#aeb3c8;font-size:12px}.mini-card strong{display:block;font-size:30px;margin:7px 0}.mini-card.accent span,.mini-card.accent small{color:#ecebff}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.page-head h1{font-size:34px;margin:0 0 6px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:31px;margin:5px 0}.stat-card a{font-size:12px;color:var(--primary);font-weight:800}.stat-card.highlight{background:linear-gradient(145deg,#6d5dfc,#887aff);color:#fff;border:none}.stat-card.highlight span,.stat-card.highlight small,.stat-card.highlight a{color:#eeeaff}.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel h2{font-size:17px;margin:0}.panel-head a{font-size:12px;color:var(--primary);font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{padding:16px;border:1px solid var(--line);border-radius:16px}.quick-card b{display:block;font-size:21px;color:var(--primary)}.quick-card span{display:block;font-weight:800;margin:6px 0}.quick-card small{color:var(--muted)}.list-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0}.list-row b,.list-row small{display:block}.list-row small{color:var(--muted);font-size:12px;margin-top:3px}.row-right{text-align:right}.progress{height:7px;background:#eef0f6;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:inherit}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tool-grid p{color:var(--muted);line-height:1.5;font-size:13px}.btn{border:0;border-radius:12px;padding:11px 15px;background:#f0f1f7;color:var(--ink);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px rgba(109,93,252,.22)}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.full{width:100%}.btn.tiny{padding:7px 10px;font-size:12px}.auth-wrap{min-height:78vh;display:flex;align-items:center;justify-content:center}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.auth-card.wide{width:min(600px,100%)}.auth-card h1{font-size:32px;margin:17px 0 7px}.muted{color:var(--muted)}.center{text-align:center}.auth-card form,.form-panel form,form{display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full-col{grid-column:1/-1}label{font-size:12px;font-weight:800;color:#404456;margin-top:6px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#b6aefc;box-shadow:0 0 0 4px rgba(109,93,252,.08)}.help{color:var(--muted);font-size:11px}.estimate-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#f7f6ff;border:1px solid #e6e2ff;padding:15px;border-radius:16px;margin:8px 0}.estimate-card span{display:block;color:var(--muted);font-size:11px}.estimate-card strong{display:block;font-size:19px;margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}td small{display:block;color:var(--muted);margin-top:3px}.table-progress{min-width:130px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#eef0f6}.status.completed,.status.qualified,.status.rewarded,.status.active{background:#e7f8f1;color:#197b56}.status.running,.status.queued,.status.pending,.status.open{background:#fff5db;color:#976d10}.status.cancelled,.status.failed,.status.refunded,.status.suspended{background:#ffe9ec;color:#b33545}.direction.credit{color:var(--success);font-weight:800}.direction.debit{color:var(--danger);font-weight:800}.empty{padding:32px;text-align:center;color:var(--muted)}.package-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.package-card{border:1px solid var(--line);border-radius:16px;padding:16px}.package-card b,.package-card strong{display:block}.package-card strong{font-size:26px;margin:8px 0 14px}.hash-result{margin-top:20px;padding:18px;border:1px dashed #d6d3fd;border-radius:16px;background:#fbfaff}.hash-head,.hash-history{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}.hash-head b,.hash-head small,.hash-history b,.hash-history small{display:block}.hash-head small,.hash-history small{color:var(--muted);margin-top:3px}.tag-groups{display:grid;gap:18px;margin-top:12px}.tag-groups h3{font-size:13px;margin:0 0 10px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud span{background:#f0efff;color:#5147c9;padding:8px 10px;border-radius:999px;font-size:12px}.hidden{display:none}.referral-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#111422,#202641);color:#fff}.referral-banner span,.referral-banner strong{display:block}.referral-banner span{color:#acb3cc;font-size:11px}.referral-banner strong{font-size:27px;margin-top:5px}.notif-row{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.notif-row.read{opacity:.65}.notif-dot{width:9px;height:9px;background:var(--primary);border-radius:50%;margin-top:7px}.notif-row p{margin:5px 0;color:var(--muted);line-height:1.5}.ticket-row{padding:14px 0;border-bottom:1px solid var(--line)}.ticket-row>div{display:flex;justify-content:space-between;gap:10px}.ticket-row small{color:var(--muted);display:block}.ticket-row p{background:#f7f7fb;padding:10px;border-radius:10px}.admin-inline{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.install-body{background:#f7f8fc;display:flex;align-items:center;justify-content:center;min-height:100vh}.install-card{width:min(520px,92vw);background:#fff;border:1px solid var(--line);padding:30px;border-radius:24px;box-shadow:var(--shadow)}.mobile-only{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.bottom-nav{display:none}.alert{max-width:1180px;margin:0 auto 18px;padding:12px 14px;border-radius:12px;font-size:13px}.alert.success{background:#e8f8f1;color:#196f51}.alert.error{background:#ffe8ec;color:#a83243}.empty-page{padding:120px 20px;text-align:center}.empty-page h1{font-size:42px}
@media(max-width:1100px){.stats-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:50px}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.2s}.nav-open .sidebar{transform:none}.topbar{left:0;padding:0 16px}.main{margin-left:0;padding:98px 16px 90px}.mobile-only{display:inline-flex}.hero-grid,.content-grid{grid-template-columns:1fr}.landing{margin:45px auto}.hero-copy h1{font-size:43px}.bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;background:#111422;color:#bfc3d5;border-radius:18px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px;z-index:25;box-shadow:0 15px 40px rgba(0,0,0,.25)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:12px;font-size:16px}.bottom-nav a.active{background:#262b3f;color:#fff}.bottom-nav small{font-size:9px}.desktop-only{display:none}.form-grid{grid-template-columns:1fr}.full-col{grid-column:auto}.estimate-card{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.public-main{padding:18px}.hero-copy h1{font-size:37px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-card strong{font-size:25px}.tool-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr 1fr}.auth-card{padding:22px}.topbar-title{font-size:14px}}
.quick-reward{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);padding:13px 16px;border-radius:16px;margin:-6px 0 18px;box-shadow:var(--shadow)}.quick-reward span{display:block;color:var(--muted);font-size:12px;margin-top:3px}

/* ===== Native-app mobile shell ===== */
:root{--app-max:760px;--safe-bottom:env(safe-area-inset-bottom,0px)}
html{background:#f5f7fb}
body{margin:0;min-height:100vh;background:#f5f7fb;-webkit-tap-highlight-color:transparent}
@media(max-width:760px){
  body{background:#f5f7fb}
  .container,.wrap,.page,.content{width:100%;max-width:var(--app-max);margin:0 auto;padding-left:16px;padding-right:16px;box-sizing:border-box}
  main{padding-bottom:calc(88px + var(--safe-bottom))}
  header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(20,30,50,.06)}
  .card{border-radius:20px;border:1px solid rgba(20,30,50,.06);box-shadow:0 8px 28px rgba(30,50,80,.07)}
  button,.btn,a.btn,input,select,textarea{min-height:46px}
  input,select,textarea{font-size:16px}
  .grid{grid-template-columns:1fr!important}
  table{display:block;overflow-x:auto;white-space:nowrap}
  .bottom-nav{display:flex;position:fixed;z-index:100;left:0;right:0;bottom:0;padding:8px 10px calc(8px + var(--safe-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(22px);border-top:1px solid rgba(20,30,50,.08);justify-content:space-around}
  .bottom-nav a{flex:1;text-align:center;text-decoration:none;font-size:12px;padding:7px 3px;border-radius:14px}
  .appbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}
  .hero-card{padding:22px;border-radius:24px}
  .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .stat{padding:16px;border-radius:18px;background:#fff}
}
.bottom-nav{display:none}

/* =========================================================
   MOBILE-ONLY APP SHELL — no PWA / no install UI
   ========================================================= */
:root{
  --mobile-width:430px;
  --mobile-radius:26px;
  --mobile-shadow:0 28px 90px rgba(20,28,52,.18);
}
html,body{min-height:100%;background:#edf0f7}
body{overflow-x:hidden}
.app-shell{
  width:min(100%,var(--mobile-width));
  min-height:100vh;
  margin:0 auto;
  background:var(--bg);
  position:relative;
  box-shadow:var(--mobile-shadow);
}
.sidebar{display:none!important}
.main, main{
  margin-left:0!important;
  width:100%;
  max-width:none!important;
  min-height:100vh;
  padding:88px 16px 92px!important;
}
.topbar{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%);
  width:min(100%,var(--mobile-width))!important;
  height:70px;
  padding:0 16px!important;
  border-radius:0;
}
.bottom-nav{
  display:flex!important;
  position:fixed!important;
  z-index:100;
  left:50%!important;
  right:auto!important;
  bottom:0;
  transform:translateX(-50%);
  width:min(100%,var(--mobile-width))!important;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(20px);
  border-top:1px solid rgba(232,234,242,.95);
  justify-content:space-around;
  box-shadow:0 -12px 30px rgba(30,40,70,.08);
}
.bottom-nav a{
  flex:1;
  min-width:0;
  text-align:center;
  padding:8px 2px 6px;
  border-radius:16px;
  color:var(--muted);
  font-weight:700;
  font-size:20px;
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.bottom-nav a small{display:block;font-size:10px;margin-top:2px}
.bottom-nav a.active{background:#f0edff;color:var(--primary);transform:translateY(-2px)}
.card{border-radius:22px}
.btn,input,select,textarea{border-radius:14px}
button,.btn{transition:transform .15s ease,box-shadow .15s ease}
button:active,.btn:active{transform:scale(.98)}
a,.nav a{transition:opacity .15s ease,transform .15s ease}
.grid{gap:12px}
.app-toast{
  position:fixed;
  z-index:200;
  left:50%;
  bottom:calc(82px + env(safe-area-inset-bottom,0px));
  transform:translate(-50%,12px);
  width:max-content;
  max-width:calc(min(100vw,430px) - 32px);
  padding:11px 16px;
  border-radius:999px;
  background:#181b29;
  color:#fff;
  font-size:13px;
  font-weight:700;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.app-toast.show{opacity:1;transform:translate(-50%,0)}
.page-changing{opacity:.97}
@media(min-width:700px){
  body{padding:18px 0}
  .app-shell{
    min-height:calc(100vh - 36px);
    border-radius:var(--mobile-radius);
    overflow:hidden;
  }
  .topbar{top:18px!important}
  .bottom-nav{bottom:18px!important;border-radius:0 0 var(--mobile-radius) var(--mobile-radius)}
}

/* =========================================================
   SOCIALGROW PRO — HIGH-TECH MOBILE APP VISUAL SYSTEM
   No PWA UI. Fixed mobile canvas for a real-app feel.
   ========================================================= */
:root{
  --bg:#070914;
  --panel:#101525;
  --panel2:#131a2d;
  --ink:#f5f7ff;
  --muted:#8d97b3;
  --line:rgba(255,255,255,.08);
  --primary:#7c63ff;
  --primary2:#37c8ff;
  --accent:#a27cff;
  --success:#45e0a5;
  --danger:#ff7084;
  --warning:#ffc96a;
  --app-width:430px;
  --app-radius:28px;
  --glass:rgba(15,21,38,.72);
  --shadow:0 28px 80px rgba(0,0,0,.30);
  --soft-shadow:0 15px 40px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html,body{min-height:100%;background:#03040a;color:var(--ink)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 15% 5%,rgba(124,99,255,.18),transparent 30%),
radial-gradient(circle at 90% 20%,rgba(55,200,255,.12),transparent 32%),
radial-gradient(circle at 50% 100%,rgba(162,124,255,.09),transparent 34%);}
a{color:inherit}
.app-shell{
  width:min(100%,var(--app-width));min-height:100vh;margin:0 auto;position:relative;
  background:
    linear-gradient(180deg,#0b0e1a 0%,#0b1020 42%,#090d18 100%);
  overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.38);
}
.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 68%);}
.main,main{
  margin-left:0!important;width:100%;max-width:none!important;min-height:100vh;
  padding:88px 16px 112px!important;color:var(--ink);position:relative;z-index:1;
}
.public-main{min-height:100vh;padding:22px!important}
.public-brand{color:#fff}
.sidebar{display:none!important}
.topbar{
  position:fixed;top:0;left:50%!important;right:auto!important;transform:translateX(-50%);
  width:min(100%,var(--app-width));height:72px;padding:0 14px!important;
  background:rgba(8,12,24,.74);backdrop-filter:blur(22px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,.06);z-index:80;
}
.topbar-left{display:flex;align-items:center;gap:8px;min-width:0}
.topbar-back{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);font-size:28px;color:#fff}
.topbar-back.hidden{display:none}
.topbar-title-wrap{min-width:0}
.topbar-kicker{display:block;font-size:8px;letter-spacing:.18em;color:#68738f;font-weight:900}
.topbar-title{font-size:15px;font-weight:900;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;gap:7px}
.icon-action{position:relative;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#e9edff;font-size:18px}
.icon-action i{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:99px;background:#ff5c88;color:#fff;font-size:8px;font-style:normal;display:flex;align-items:center;justify-content:center}
.credit-pill{display:flex!important;align-items:center;gap:7px;padding:9px 11px!important;border:1px solid rgba(124,99,255,.24)!important;background:linear-gradient(135deg,rgba(124,99,255,.18),rgba(55,200,255,.10))!important;color:#fff!important;border-radius:999px!important;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.premium-pill{font-size:11px}
.coin-icon{font-size:11px;color:#9d91ff}
.user-chip{display:none!important}
.avatar{width:35px!important;height:35px!important}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:16px}
.page-head h1{font-size:28px;color:#fff;margin:0 0 5px;letter-spacing:-.045em}
.page-head p{color:var(--muted);font-size:12px}
.eyebrow{color:#927fff;font-size:9px;letter-spacing:.18em;font-weight:900}
.card,.panel,.stat-card,.quick-card,.package-card,.auth-card{
  background:linear-gradient(180deg,rgba(18,25,44,.88),rgba(12,18,32,.88))!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:var(--soft-shadow)!important;
  color:var(--ink)!important;
}
.panel{border-radius:22px!important;padding:18px!important;margin-bottom:14px!important;backdrop-filter:blur(16px)}
.panel-head h2{color:#fff;font-size:15px}
.panel-head a{color:#9d91ff}
.muted,.page-head p,.tool-grid p,.help,.hash-head small,.hash-history small{color:var(--muted)!important}
.btn{min-height:46px;border-radius:15px!important;padding:11px 14px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.07)!important;font-size:12px}
.btn.primary{background:linear-gradient(135deg,#745cff,#9e7bff)!important;border:none!important;box-shadow:0 12px 28px rgba(111,85,255,.35)!important}
.btn.ghost{background:rgba(255,255,255,.04)!important}
.btn.tap{transform:scale(.975);filter:brightness(1.1)}
input,select,textarea{background:rgba(255,255,255,.035)!important;color:#f5f7ff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important}
input::placeholder,textarea::placeholder{color:#5f6982}
input:focus,select:focus,textarea:focus{border-color:rgba(124,99,255,.75)!important;box-shadow:0 0 0 4px rgba(124,99,255,.10)!important}
option{background:#111728;color:#fff}
label{color:#cbd2e6;font-size:10px;letter-spacing:.02em}
.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:14px}
.stat-card{padding:16px!important;border-radius:18px!important;position:relative;overflow:hidden}
.stat-card span{color:#8f99b3}
.stat-card strong{font-size:26px;color:#fff}
.stat-card small{color:#707b96}
.stat-card.highlight{background:
linear-gradient(140deg,rgba(122,96,255,.96),rgba(49,115,255,.86))!important;border:none!important}
.stat-card.highlight span,.stat-card.highlight small,.stat-card.highlight a{color:#edeaff!important}
.stat-glow{position:absolute;width:100px;height:100px;right:-35px;top:-40px;border-radius:50%;background:rgba(255,255,255,.17);filter:blur(10px)}
.content-grid{grid-template-columns:1fr!important;gap:12px!important}
.quick-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
.quick-card{padding:15px!important;border-radius:18px!important;position:relative;overflow:hidden}
.quick-card:after{content:"";position:absolute;right:-22px;top:-24px;width:58px;height:58px;border-radius:50%;background:rgba(124,99,255,.10)}
.quick-card b{color:#a394ff;font-size:19px}
.quick-card span{color:#fff;font-size:13px}
.quick-card small{color:#74809c}
.list-row{padding:12px 0}
.list-row b{color:#fff;font-size:12px}
.progress{height:6px!important;background:#171f32!important}
.progress i{background:linear-gradient(90deg,#7c63ff,#37c8ff)!important;box-shadow:0 0 12px rgba(55,200,255,.35)}
.tool-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
.tool-grid>div{padding:13px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055)}
.tool-grid b{font-size:12px;color:#eaeefe}
.estimate-card{grid-template-columns:1fr 1fr!important;background:rgba(124,99,255,.08)!important;border:1px solid rgba(124,99,255,.16)!important}
.estimate-card span{color:#8892ab}
.estimate-card strong{color:#fff}
.table-wrap{border-radius:15px}
th{color:#79849f!important}
td{color:#d9def0!important}
.status{border:1px solid rgba(255,255,255,.06)!important}
.status.completed,.status.qualified,.status.rewarded,.status.active{background:rgba(69,224,165,.12)!important;color:#66e5b3!important}
.status.running,.status.queued,.status.pending,.status.open{background:rgba(255,201,106,.11)!important;color:#ffd57f!important}
.status.cancelled,.status.failed,.status.refunded,.status.suspended{background:rgba(255,112,132,.11)!important;color:#ff8ca0!important}
.auth-wrap{min-height:calc(100vh - 30px)!important}
.auth-card{border-radius:26px!important;padding:24px!important}
.auth-card h1{color:#fff;font-size:29px}
.auth-card .brand-mark.lg{margin-bottom:5px}
.referral-banner{background:linear-gradient(135deg,#111a32,#1a1434)!important}
.hash-result{background:rgba(124,99,255,.06)!important;border-color:rgba(151,132,255,.22)!important}
.tag-cloud span{background:rgba(124,99,255,.13)!important;color:#b2a6ff!important;border:1px solid rgba(124,99,255,.14)}
.package-grid{grid-template-columns:1fr 1fr!important}
.package-card strong{color:#fff}
.empty{color:#727f9b!important}
.notif-row,.ticket-row,.hash-history{border-bottom:1px solid rgba(255,255,255,.06)!important}
.direction.credit{color:#4de1aa!important}
.direction.debit{color:#ff7187!important}

/* premium dashboard hero */
.app-hero{
  position:relative;overflow:hidden;border-radius:26px;padding:20px;margin-bottom:12px;
  background:
    radial-gradient(circle at 90% 15%,rgba(55,200,255,.18),transparent 28%),
    radial-gradient(circle at 25% 0%,rgba(124,99,255,.35),transparent 40%),
    linear-gradient(145deg,#121a35,#0b1021);
  border:1px solid rgba(135,112,255,.22);box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.hero-gridline{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.85}
.orb-a{width:120px;height:120px;right:-40px;top:-45px;background:radial-gradient(circle,#9f7cff,rgba(159,124,255,0));}
.orb-b{width:80px;height:80px;left:-20px;bottom:-30px;background:radial-gradient(circle,#37c8ff,rgba(55,200,255,0))}
.hero-top,.hero-actions,.hero-balance{position:relative;z-index:1}
.hero-top{display:flex;justify-content:space-between;gap:10px}
.hero-top h1{font-size:25px;margin:4px 0}
.hero-top p{margin:0;color:#8f9ab4;font-size:11px}
.hero-live{display:flex;align-items:center;gap:6px;height:max-content;font-size:9px;letter-spacing:.1em;color:#8ff1cb;font-weight:900;padding:7px 9px;border-radius:999px;background:rgba(69,224,165,.08);border:1px solid rgba(69,224,165,.12)}
.hero-live i{width:6px;height:6px;border-radius:50%;background:#46e0a6;box-shadow:0 0 9px #46e0a6}
.hero-balance{margin-top:19px}
.hero-balance span,.hero-balance small{display:block;color:#7f8ba5;font-size:9px;letter-spacing:.14em}
.hero-balance strong{display:block;font-size:42px;letter-spacing:-.06em;line-height:1.05;margin:4px 0}
.hero-balance small{font-size:10px;letter-spacing:0;color:#98a3bd}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.hero-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 10px;border-radius:14px;font-size:11px;font-weight:900}
.hero-btn.primary{background:linear-gradient(135deg,#7a60ff,#9c77ff);color:#fff;box-shadow:0 10px 24px rgba(122,96,255,.27)}
.hero-btn.glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#e9edff}
.quick-reward{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);margin-bottom:12px}
.quick-reward b{display:block;font-size:11px;color:#fff}
.quick-reward span{display:block;font-size:9px;color:#75819b;margin-top:3px}
.insight-strip{display:flex;align-items:center;gap:11px;padding:13px 14px;margin:0 0 12px;border-radius:17px;background:linear-gradient(90deg,rgba(124,99,255,.11),rgba(55,200,255,.06));border:1px solid rgba(124,99,255,.15)}
.insight-icon{width:34px;height:34px;border-radius:12px;background:rgba(124,99,255,.16);display:flex;align-items:center;justify-content:center;color:#c0b6ff;font-size:15px}
.insight-strip div:nth-child(2){flex:1}
.insight-strip span{display:block;color:#9b8eff;font-size:8px;letter-spacing:.12em;font-weight:900}
.insight-strip b{display:block;color:#edf0ff;font-size:10px;margin:3px 0}
.insight-strip small{display:block;color:#727f99;font-size:9px}
.insight-strip>a{font-size:10px;color:#a99dff;font-weight:900}

/* native-app bottom nav */
.bottom-nav{
  display:flex!important;position:fixed!important;z-index:90;left:50%!important;right:auto!important;bottom:0;
  transform:translateX(-50%);width:min(100%,var(--app-width))!important;
  padding:9px 7px calc(9px + env(safe-area-inset-bottom,0px));
  background:rgba(7,11,22,.88);backdrop-filter:blur(24px) saturate(150%);
  border-top:1px solid rgba(255,255,255,.07);box-shadow:0 -18px 40px rgba(0,0,0,.26);
}
.bottom-nav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#626e88;padding:4px 2px;border-radius:14px;font-size:18px;transition:.18s ease}
.bottom-nav a small{font-size:8px;font-weight:900;letter-spacing:.03em}
.bottom-nav a.active{color:#afa2ff;background:rgba(124,99,255,.10)}
.bottom-nav a.active .nav-icon{filter:drop-shadow(0 0 8px rgba(124,99,255,.38))}
.bottom-nav .nav-action{color:#e8eaff;transform:translateY(-12px)}
.bottom-nav .nav-fab{width:50px;height:50px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#775fff,#37c8ff);box-shadow:0 12px 30px rgba(86,83,255,.28);border:4px solid #0a0e19;font-size:24px}
.bottom-nav .nav-action small{margin-top:-7px;color:#a9b1c4}

/* splash */
.app-splash{position:fixed;z-index:300;inset:0;background:linear-gradient(145deg,#060812,#10162a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .28s ease,visibility .28s ease}
.app-splash.hide{opacity:0;visibility:hidden}
.splash-aura{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(124,99,255,.26),rgba(55,200,255,.05),transparent 68%);filter:blur(10px)}
.splash-logo{position:relative;width:74px;height:74px;border-radius:23px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#795fff,#37c8ff);color:#fff;font-weight:1000;font-size:26px;box-shadow:0 18px 50px rgba(89,80,255,.34);animation:splashPulse 1.05s ease-in-out infinite}
.splash-name{position:relative;color:#fff;font-weight:900;letter-spacing:-.03em;font-size:20px}
.splash-line{position:relative;width:80px;height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:2px}
.splash-line i{display:block;width:35%;height:100%;background:linear-gradient(90deg,#7c63ff,#37c8ff);animation:splashLoad 1s ease-in-out infinite}
.app-toast{position:fixed;z-index:250;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);width:max-content;max-width:calc(min(100vw,var(--app-width)) - 32px);padding:11px 15px;border-radius:999px;background:#f7f8ff;color:#101320;font-size:12px;font-weight:900;box-shadow:0 15px 40px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.18s ease}
.app-toast.show{opacity:1;transform:translate(-50%,0)}
.app-toast.success{background:#c8ffe9;color:#073e2a}
.app-toast.error{background:#ffd8df;color:#651927}
.tap{transform:scale(.975)!important}
@keyframes splashPulse{0%,100%{transform:scale(1);box-shadow:0 18px 50px rgba(89,80,255,.34)}50%{transform:scale(1.05);box-shadow:0 22px 65px rgba(55,200,255,.27)}}
@keyframes splashLoad{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}

/* compact page controls */
.form-grid{grid-template-columns:1fr!important;gap:11px!important}
.full-col{grid-column:auto!important}
.package-grid{grid-template-columns:1fr 1fr!important}
.table-wrap table{min-width:640px}
@media(min-width:700px){
  body{padding:18px 0;background:#020309}
  .app-shell{min-height:calc(100vh - 36px);border-radius:var(--app-radius);overflow:hidden}
  .topbar{top:18px!important}
  .bottom-nav{bottom:18px!important;border-radius:0 0 var(--app-radius) var(--app-radius)}
}
@media(max-width:360px){
  :root{--app-width:100%}
  .main,main{padding-left:13px!important;padding-right:13px!important}
  .hero-balance strong{font-size:36px}
  .bottom-nav a{font-size:16px}
  .bottom-nav .nav-fab{width:46px;height:46px}
}

.logout-panel{display:flex!important;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,rgba(255,113,134,.07),rgba(255,255,255,.02))!important;border-color:rgba(255,113,134,.12)!important}.danger-btn{background:rgba(255,113,134,.10)!important;color:#ff8ea0!important;border:1px solid rgba(255,113,134,.16)!important}

/* Reels-style video rewards */
.videos-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}.videos-head h1{font-size:28px;margin:4px 0;color:#fff;letter-spacing:-.04em}.videos-head p{font-size:10px;color:#7f8aa4;margin:0;max-width:270px}
.video-filter{display:flex;gap:7px;overflow:auto;padding:2px 1px 11px;scrollbar-width:none}.video-filter::-webkit-scrollbar{display:none}.video-filter a{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#7f8aa4;font-size:9px;font-weight:900}.video-filter a.active{color:#fff;background:rgba(124,99,255,.18);border-color:rgba(124,99,255,.24)}
.reels-feed{display:flex;flex-direction:column;gap:12px}.reel-card{height:calc(100vh - 175px);min-height:520px;max-height:760px;border-radius:25px;overflow:hidden;background:#060910;box-shadow:0 20px 60px rgba(0,0,0,.28);scroll-snap-align:start}.reels-feed{scroll-snap-type:y proximity}
.reel-media{height:100%;position:relative;background:#02040a}.reel-video,.reel-embed{width:100%;height:100%;display:block;object-fit:cover;border:0;background:#02040a}.reel-video{cursor:pointer}.reel-embed{object-fit:contain}
.reel-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,4,10,.34),transparent 28%,transparent 55%,rgba(2,4,10,.88) 100%)}
.reel-top{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.platform-chip,.coin-chip{padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.38);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.10);font-size:8px;font-weight:900;color:#fff;letter-spacing:.05em}.coin-chip{background:rgba(124,99,255,.32);border-color:rgba(170,154,255,.24)}.coin-chip.neutral{background:rgba(0,0,0,.38);color:#bbc3d6}
.reel-bottom{position:absolute;left:12px;right:12px;bottom:47px;display:flex;gap:8px;align-items:flex-end}.reel-copy{flex:1;min-width:0}.reel-copy b{display:block;color:#fff;font-size:14px;line-height:1.3}.reel-copy p{font-size:9px;line-height:1.5;color:#b0b7c9;margin:4px 0}.reel-copy small{font-size:8px;color:#7f8aa4}.reel-actions{display:flex;flex-direction:column;gap:7px}.reel-action{width:38px;height:38px;padding:0!important;border-radius:14px!important;background:rgba(7,10,18,.45)!important;color:#fff!important;border:1px solid rgba(255,255,255,.09)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px}.reel-action small{font-size:7px;color:#a8b1c5}.reel-action.active{color:#b9aaff!important;background:rgba(124,99,255,.18)!important}
.watch-earn{position:absolute;left:12px;right:12px;bottom:10px;background:rgba(0,0,0,.42);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:7px 8px}.watch-earn span{display:block;color:#c7cee0;font-size:8px;margin-top:5px}.watch-progress{height:3px;background:rgba(255,255,255,.10);border-radius:99px;overflow:hidden}.watch-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7c63ff,#37c8ff);box-shadow:0 0 12px rgba(55,200,255,.45);transition:width .12s}
.reel-card.rewarded{outline:1px solid rgba(69,224,165,.28);box-shadow:0 0 0 1px rgba(69,224,165,.08),0 20px 60px rgba(0,0,0,.28)}
.video-empty{border:1px dashed rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.02)}
.video-submit-card{padding-bottom:20px!important}.source-tabs{display:flex;gap:7px;margin-bottom:15px}.source-tabs button{flex:1;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#8f9ab4;padding:10px;font-weight:900;font-size:10px}.source-tabs button.active{color:#fff;border-color:rgba(124,99,255,.35);background:rgba(124,99,255,.13)}.locked-value{min-height:45px;display:flex;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#7f8aa4;font-size:10px}.upload-note,.review-note{margin-top:6px;padding:10px 12px;border-radius:13px;background:rgba(55,200,255,.05);border:1px solid rgba(55,200,255,.08);color:#7e8ba4;font-size:9px;line-height:1.5}.duration-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-video-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-radius:16px;background:linear-gradient(135deg,rgba(124,99,255,.12),rgba(55,200,255,.05));border:1px solid rgba(124,99,255,.13)}.mini-video-cta span,.mini-video-cta b,.mini-video-cta small{display:block}.mini-video-cta span{color:#9385ff;font-size:8px;letter-spacing:.1em;font-weight:900}.mini-video-cta b{font-size:11px;margin:3px 0;color:#eff1ff}.mini-video-cta small{font-size:9px;color:#7d89a3}
@media(max-width:360px){.reel-card{min-height:500px}.reel-copy b{font-size:12px}.reel-action{width:35px;height:35px}}