:root{--blue:#2157d9;--blue2:#0b2d68;--cyan:#15b8ff;--nav:#061d3b;--bg:#f4f7fb;--card:#fff;--text:#152033;--muted:#7b8798;--line:#e6ebf2;--green:#18a058;--red:#dc3545;--yellow:#f59f00;--purple:#7c3aed;--shadow:0 10px 30px rgba(15,42,81,.08);--radius:18px;--gradient:linear-gradient(135deg,#0b2d68 0%,#2157d9 55%,#15b8ff 100%)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,'Pretendard',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}
.auth-body{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#102b7c,#061d3b);position:relative}.auth-brand{display:flex;align-items:center;justify-content:center;color:#fff;padding:40px}.brand-box{text-align:center;max-width:420px}.logo-mark{width:86px;height:86px;border-radius:26px;background:linear-gradient(135deg,#3f7cff,#15b8ff);display:grid;place-items:center;margin:0 auto 24px;font-size:42px;font-weight:900}.auth-brand h1{margin:0;font-size:34px}.auth-brand p{color:rgba(255,255,255,.75);line-height:1.7}.auth-panel{display:flex;align-items:center;justify-content:center;padding:32px;background:#f8fbff}.auth-card{width:100%;max-width:430px;background:#fff;border-radius:24px;padding:36px;box-shadow:var(--shadow)}.auth-card h2{margin:0 0 8px;font-size:25px}.help{color:var(--muted);font-size:14px;margin-bottom:24px}
.form-group{margin-bottom:16px}label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);padding:0 14px}input,select{height:46px}textarea{min-height:130px;padding-top:12px}.btn{height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,#2157d9,#0f45c7);color:#fff;font-weight:900;cursor:pointer;padding:0 18px;box-shadow:0 8px 18px rgba(33,87,217,.22)}.btn.light{background:#eef4ff;color:var(--blue);box-shadow:none}.btn.full{width:100%}.auth-foot{margin-top:18px;text-align:center;color:var(--muted);font-size:14px}.auth-link{color:var(--blue);font-weight:900}
.app{min-height:100vh;display:flex}.sidebar{width:250px;background:linear-gradient(180deg,#06224a,#03162e);color:#fff;padding:22px 16px;position:fixed;inset:0 auto 0 0;z-index:30}.side-brand{display:flex;gap:12px;align-items:center;margin-bottom:28px;padding:0 8px}.side-logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#3f7cff,#15b8ff);display:grid;place-items:center;font-weight:900}.side-brand strong{display:block;font-size:18px}.side-brand span{display:block;color:rgba(255,255,255,.62);font-size:12px}.nav a{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;color:rgba(255,255,255,.78);font-weight:800;font-size:14px;margin-bottom:6px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.main{margin-left:250px;width:calc(100% - 250px);padding:24px 24px 110px}.topbar{height:64px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:var(--shadow);position:sticky;top:16px;z-index:10}.menu-btn{display:none;background:var(--blue);color:#fff;border:0;border-radius:12px;padding:10px 13px;font-weight:900}.top-actions{display:flex;align-items:center;gap:10px}.user{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.avatar{width:34px;height:34px;border-radius:50%;background:#e7efff;display:grid;place-items:center;color:var(--blue);font-weight:900}
.page{margin-top:24px}.page-title{margin:0 0 18px}.page-title h2{margin:0;font-size:26px}.page-title p{margin:7px 0 0;color:var(--muted)}.grid{display:grid;gap:16px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat small{color:var(--muted);font-weight:800}.stat strong{display:block;font-size:25px;margin-top:8px}.hero-card{background:var(--gradient);color:#fff;overflow:hidden;position:relative;min-height:210px}.hero-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;top:-120px;background:rgba(255,255,255,.16)}.hero-content{position:relative;z-index:2}.hero-kicker{font-size:13px;color:rgba(255,255,255,.75);font-weight:900}.hero-balance{font-size:38px;font-weight:900;margin:14px 0 8px}.hero-sub{color:rgba(255,255,255,.78);line-height:1.6}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.quick-actions button{height:46px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.14);color:#fff;font-weight:900;cursor:pointer}
.progress{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#2157d9,#15b8ff);border-radius:999px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.ok{background:#eaf8f0;color:var(--green)}.wait{background:#fff6df;color:var(--yellow)}.off{background:#ffedf0;color:var(--red)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{color:var(--muted);font-size:13px;background:#f8fafc}
.package{min-height:310px;background:linear-gradient(180deg,#fff,#f9fbff);position:relative}.package.best{border:2px solid var(--blue)}.ribbon{position:absolute;top:-12px;right:18px;background:#ff8a00;color:#fff;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:900}.price{font-size:26px;font-weight:900}.desc{color:var(--muted);font-size:13px;line-height:1.55}.package-feature{display:grid;gap:8px;margin:12px 0}.package-feature div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}.package-feature span:first-child{color:var(--muted);font-weight:800}.package-feature span:last-child{font-weight:900}
.circle300-wrap{display:flex;align-items:center;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.circle300{width:132px;height:132px;position:relative;flex:0 0 132px}.circle300 svg{width:132px;height:132px;transform:rotate(-90deg)}.circle300 .bg{fill:none;stroke:#eef2f7;stroke-width:12}.circle300 .bar{fill:none;stroke:url(#circle300Gradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292}.circle300-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.circle300-center strong{font-size:24px;font-weight:900}.circle300-center span{font-size:11px;color:var(--muted);font-weight:800}.rank-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.rank-medal{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#fff2cc,#f59f00);font-size:26px}
.bonus-dashboard{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.bonus-donut{height:260px;border-radius:20px;display:grid;place-items:center;background:conic-gradient(#2157d9 0 48%,#18a058 48% 74%,#f59f00 74% 92%,#7c3aed 92% 100%);position:relative}.bonus-donut:before{content:"";position:absolute;width:158px;height:158px;border-radius:50%;background:#fff}.bonus-donut>div{position:relative;text-align:center}.bonus-donut strong{display:block;font-size:28px}.bonus-lines{display:grid;gap:12px}.bonus-line{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.bonus-line-head{display:flex;justify-content:space-between;font-weight:900}
.setting-panel{display:grid;grid-template-columns:220px 1fr;gap:16px}.setting-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.setting-menu a{display:block;padding:12px;border-radius:12px;color:var(--muted);font-weight:900}.setting-menu a.active{background:#eef4ff;color:var(--blue)}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.chart-bars{height:220px;display:flex;align-items:end;gap:10px;padding:20px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#f8fbff,#fff)}.bar{flex:1;background:linear-gradient(180deg,#4d7cff,#1f54d1);border-radius:10px 10px 0 0}
.tree-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.tree-search{max-width:320px;height:42px;border-radius:14px}.zoom-tools{display:flex;gap:8px;align-items:center}.zoom-tools button{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;font-weight:900;color:var(--blue);cursor:pointer}.zoom-rate{min-width:64px;height:42px;border-radius:13px;background:#eef4ff;display:grid;place-items:center;color:var(--blue);font-weight:900}.tree-stage{position:relative;width:100%;height:620px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(rgba(33,87,217,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,87,217,.04) 1px,transparent 1px),#fbfdff;background-size:28px 28px;touch-action:none;cursor:grab}.tree-canvas{position:absolute;left:50%;top:42px;transform-origin:0 0}.tree-svg{position:absolute;left:0;top:0;width:1600px;height:900px;overflow:visible;pointer-events:none}.tree-svg path{fill:none;stroke:#b8c8e6;stroke-width:2.5;stroke-linecap:round}.member-node{position:absolute;width:150px;min-height:78px;background:#fff;border:1px solid #dbe5f3;border-radius:18px;box-shadow:0 10px 26px rgba(15,42,81,.10);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;transform:translate(-50%,-50%);z-index:2}.member-node.root{background:linear-gradient(135deg,#2157d9,#15b8ff);color:#fff;border:0}.member-node.left{border-top:5px solid #2157d9}.member-node.right{border-top:5px solid #18a058}.member-node.empty{background:#f8fafc;color:#9aa4b2;border-style:dashed}.member-name{font-size:14px;font-weight:900;margin-bottom:5px}.member-rank{font-size:11px;font-weight:800;color:var(--blue);background:#eef4ff;border-radius:999px;padding:4px 8px}.member-meta{margin-top:6px;font-size:11px;color:#7b8798;line-height:1.35}.binary-label{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;z-index:3;box-shadow:var(--shadow)}.blue{color:#2157d9}.green{color:#18a058}
.lang-dd{position:relative;width:150px}.auth-lang{position:absolute;right:18px;top:18px;z-index:5;width:150px}.lang-dd-btn{width:100%;height:38px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 11px;cursor:pointer}.lang-dd-list{display:none;position:absolute;right:0;top:45px;width:180px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;z-index:80}.lang-dd.open .lang-dd-list{display:block}.lang-dd-list button{width:100%;height:38px;border:0;background:transparent;border-radius:10px;text-align:left;font-weight:800;cursor:pointer;color:var(--text);padding:0 10px}.lang-dd-list button:hover{background:#eef4ff;color:var(--blue)}
.mobile-overlay{display:none}.bottom-nav{position:fixed;max-width:560px;left:50%;transform:translateX(-50%);bottom:14px;height:72px;background:#fff;border:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:999;border-radius:24px;padding:0 8px;box-shadow:0 -6px 20px rgba(0,0,0,.08)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#6b7280;min-width:72px;height:56px;justify-content:center;border-radius:18px}.bottom-nav a.active{background:#eef4ff;color:var(--blue)}.bottom-nav svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}body.auth-mode .bottom-nav{display:none!important}
@media(max-width:1100px){.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.bonus-dashboard,.setting-panel{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}}
@media(max-width:760px){.auth-body{grid-template-columns:1fr}.auth-brand{min-height:280px}.auth-panel{padding:18px}.auth-card{padding:24px}.sidebar{transform:translateX(-105%);transition:.25s;width:82%;max-width:310px}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:25}.main{margin-left:0;width:100%;padding:14px 14px 100px}.menu-btn{display:inline-block}.topbar{top:10px;border-radius:16px}.user{display:none}.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}.page-title h2{font-size:22px}.hero-balance{font-size:30px}.quick-actions{grid-template-columns:repeat(2,1fr)}.bottom-nav{max-width:none;left:10px;right:10px;transform:none;bottom:10px}.bottom-nav a{min-width:auto;flex:1}.tree-stage{height:540px}.member-node{width:132px}.auth-lang{right:12px;top:12px;width:145px}.lang-dd{width:145px}.top-actions .lang-dd{width:128px}.lang-dd-list{width:168px}.table-wrap table{min-width:520px}}

/* ===== Signal Labs v2.6 stable overlays: isolated language/theme ===== */
.sl-lang{
  position:relative!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:38px!important;
  display:inline-block!important;
  flex:0 0 150px!important;
  z-index:2000!important;
  vertical-align:middle!important;
}
.auth-lang .sl-lang{
  position:relative!important;
}
.sl-lang-btn{
  width:150px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  padding:0 10px!important;
  border:1px solid var(--line,#e6ebf2)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#152033!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.sl-lang-current{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.sl-lang-arrow{
  flex:0 0 auto!important;
  font-size:11px!important;
  opacity:.75!important;
}
.sl-lang-menu{
  display:none!important;
  position:absolute!important;
  top:44px!important;
  right:0!important;
  width:180px!important;
  min-width:180px!important;
  padding:8px!important;
  background:#fff!important;
  border:1px solid var(--line,#e6ebf2)!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(15,42,81,.16)!important;
  z-index:99999!important;
}
.sl-lang.open .sl-lang-menu{
  display:block!important;
}
.sl-lang-menu button{
  display:block!important;
  width:100%!important;
  height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#152033!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:38px!important;
  cursor:pointer!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.sl-lang-menu button:hover{
  background:#eef4ff!important;
  color:#2157d9!important;
}
.sl-theme-btn{
  width:40px!important;
  height:38px!important;
  flex:0 0 40px!important;
  border:1px solid var(--line,#e6ebf2)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#152033!important;
  cursor:pointer!important;
  font-size:17px!important;
  box-shadow:none!important;
}
[data-theme="dark"]{
  --bg:#07111f;
  --card:#0d1b2f;
  --text:#eaf1ff;
  --muted:#91a2bd;
  --line:#1d314f;
  --shadow:0 12px 34px rgba(0,0,0,.28);
}
[data-theme="dark"] body{
  background:#07111f!important;
}
[data-theme="dark"] .topbar,
[data-theme="dark"] .card,
[data-theme="dark"] .bottom-nav,
[data-theme="dark"] .setting-menu,
[data-theme="dark"] .sl-lang-btn,
[data-theme="dark"] .sl-lang-menu,
[data-theme="dark"] .sl-lang-menu button,
[data-theme="dark"] .sl-theme-btn,
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea{
  background:#0d1b2f!important;
  color:#eaf1ff!important;
  border-color:#1d314f!important;
}
[data-theme="dark"] th{
  background:#10223b!important;
}
@media(max-width:760px){
  .top-actions{
    gap:6px!important;
  }
  .top-actions .sl-lang{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    flex-basis:120px!important;
  }
  .top-actions .sl-lang-btn{
    width:120px!important;
    font-size:12px!important;
    padding:0 8px!important;
  }
  .top-actions .sl-lang-menu{
    width:165px!important;
    min-width:165px!important;
  }
  .auth-lang{
    width:145px!important;
    right:12px!important;
    top:12px!important;
  }
  .auth-lang .sl-lang,
  .auth-lang .sl-lang-btn{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
  }
}