:root{
  --pro-bg:#050609;
  --pro-bg-2:#090b10;
  --pro-card:#0b0d12;
  --pro-card-2:#10131a;
  --pro-line:rgba(255,255,255,.10);
  --pro-line-2:rgba(255,255,255,.18);
  --pro-text:#f7f8fb;
  --pro-muted:#a7abb6;
  --pro-soft:#d7dae2;
  --pro-blue:#4ea1ff;
  --pro-green:#19d48b;
  --pro-red:#ff5a68;
  --pro-yellow:#ffd166;
  --pro-radius:18px;
  --pro-radius-sm:13px;
  --pro-shadow:0 14px 34px rgba(0,0,0,.34);
}

html,body{background:var(--pro-bg)!important;color:var(--pro-text)!important;overflow-x:hidden!important}
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(78,161,255,.12),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(25,212,139,.08),transparent 26%),
    linear-gradient(180deg,#050609 0%,#07080c 48%,#050609 100%)!important;
}
body::before,body::after,.noise,.snow{display:none!important}


.page{max-width:1480px!important;margin-right:auto!important}
.topbar{
  background:rgba(5,6,9,.92)!important;
  border-bottom:1px solid var(--pro-line)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.topbar h1{font-size:clamp(30px,4vw,48px)!important;letter-spacing:2px!important;color:#fff!important;text-shadow:0 0 20px rgba(78,161,255,.10)!important}
.dev-mark{border:1px solid var(--pro-line-2)!important;background:rgba(255,255,255,.035)!important;color:var(--pro-soft)!important}

#sidebar{
  background:linear-gradient(180deg,#07080b,#050609)!important;
  border-right:1px solid var(--pro-line)!important;
  box-shadow:12px 0 34px rgba(0,0,0,.38)!important;
}
.logo-box{background:linear-gradient(135deg,#ffffff,#dfe7ff 48%,#4ea1ff)!important;color:#050609!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(78,161,255,.16)!important}
.brand h2{color:#fff!important;text-shadow:none!important}.sidebar-title{color:#747b88!important}
nav a{
  border-radius:14px!important;
  color:#a9afbb!important;
  min-height:48px!important;
  padding:13px 16px!important;
  margin-bottom:7px!important;
  font-size:clamp(22px,2.2vw,28px)!important;
  transition:background .14s ease,color .14s ease,border-color .14s ease!important;
}
nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
nav a.active{
  background:linear-gradient(90deg,rgba(78,161,255,.20),rgba(25,212,139,.08))!important;
  color:#fff!important;
  border-left:3px solid var(--pro-blue)!important;
  box-shadow:inset 0 0 0 1px rgba(78,161,255,.12)!important;
}
.sidebar-divider{background:var(--pro-line)!important}


.card,.stat,.status-item,.link-item,.social-card,.partner-card,.rota-item,.token-box,.executor-box,.admin-card,.notify-card,.user-card,.plan,.pixBox,.tokenBox,.login-card,.account-card,.pendingBox,.input-group,.key-card,.route-card,.update-card,.update-key-card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),var(--pro-card)!important;
  border:1px solid var(--pro-line)!important;
  border-radius:var(--pro-radius)!important;
  box-shadow:var(--pro-shadow)!important;
}
.card{padding:clamp(18px,2.2vw,28px)!important;margin-bottom:18px!important}
.card:hover,.link-item:hover,.social-card:hover,.partner-card:hover,.rota-item:hover,.plan:hover{border-color:rgba(78,161,255,.22)!important;box-shadow:0 16px 36px rgba(0,0,0,.40)!important;transform:none!important}
.hero.card{position:relative;overflow:hidden!important}
.hero.card::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--pro-blue),var(--pro-green));opacity:.95}
.mini{color:var(--pro-blue)!important;letter-spacing:3px!important}
.hero h2{font-size:clamp(44px,7vw,78px)!important;letter-spacing:1.8px!important;margin:10px 0 8px!important;line-height:.92!important;color:#fff!important}
.hero p{font-size:clamp(14px,1.55vw,17px)!important;line-height:1.55!important;color:var(--pro-muted)!important;max-width:840px!important}
h4{font-size:clamp(30px,4vw,42px)!important;letter-spacing:2px!important;line-height:1!important;margin-bottom:16px!important;color:#fff!important}


input,textarea,select,.form input,.form select,.form textarea,.update-form input,.update-form select,.update-form textarea,.tokenBox input,.key-wrap input,.param input{
  background:#07090d!important;
  border:1px solid var(--pro-line)!important;
  border-radius:13px!important;
  color:#fff!important;
  min-height:46px!important;
  padding:12px 14px!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus,.input-group:focus-within,.form input:focus,.form select:focus,.form textarea:focus{
  border-color:rgba(78,161,255,.60)!important;
  box-shadow:0 0 0 3px rgba(78,161,255,.10)!important;
}
input::placeholder,textarea::placeholder{color:#747b88!important}.input-group{padding:11px 13px!important}.input-group input{min-height:34px!important;padding:0!important}


button,.btn,.back-btn,.plan button,.tokenBox button,.pixActions button,.login-form button,.alertBox button,.key-wrap button,.actions button,.admin-actions button,.copy,.exec,.primary,.danger,#copyBtn,.action-btn,.form button,.update-form button{
  min-height:42px!important;
  height:auto!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  font-family:'Bebas Neue',sans-serif!important;
  letter-spacing:1.4px!important;
  font-size:clamp(17px,2.2vw,21px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,#ffffff,#dfe6f3)!important;
  color:#071019!important;
  box-shadow:0 10px 22px rgba(78,161,255,.09)!important;
  text-shadow:none!important;
  transform:none!important;
  transition:opacity .12s ease,border-color .12s ease,background .12s ease!important;
}
button:hover,.btn:hover,.action-btn:hover,.form button:hover,.update-form button:hover{transform:none!important;box-shadow:0 12px 26px rgba(78,161,255,.13)!important;opacity:.95!important}
button:active,.btn:active,.action-btn:active{opacity:.76!important;transform:none!important}
button:disabled,.action-btn:disabled{opacity:.46!important;cursor:not-allowed!important;background:linear-gradient(180deg,#6e737e,#4b5059)!important;color:#d6dae0!important}
.copy-btn,.btn-ghost,.yuta-cancel{background:linear-gradient(180deg,#121722,#0a0d13)!important;color:#e9edf5!important;border:1px solid rgba(78,161,255,.18)!important;box-shadow:none!important}
.remove-btn,.danger,.danger-btn{background:linear-gradient(180deg,#ff6b78,#c73545)!important;color:#fff!important;border-color:rgba(255,90,104,.35)!important;box-shadow:0 10px 24px rgba(255,90,104,.12)!important}
.primary,.exec,.yuta-ok{background:linear-gradient(180deg,#56adff,#2979d9)!important;color:#fff!important;border-color:rgba(78,161,255,.45)!important}
.success,.pill.on{color:var(--pro-green)!important}.pill.off,.red{color:var(--pro-red)!important}


.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important;margin-top:18px!important}
.user-admin-card,.partner-admin-card{display:grid!important;gap:14px!important;padding:18px!important;min-height:0!important}
.user-head,.partner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pro-line);padding-bottom:12px}
.user-email,.partner-name{font-family:Inter,Arial,sans-serif!important;font-weight:700!important;font-size:14px!important;line-height:1.35!important;word-break:break-all;color:#fff!important}
.role-pill,.status-pill,.plan-pill,.tag-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:1.4px;border:1px solid var(--pro-line);background:rgba(255,255,255,.045);color:#d9dde5;white-space:nowrap}
.role-pill.owner{color:#06110d;background:linear-gradient(180deg,#52f0a8,#19d48b);border-color:rgba(25,212,139,.45)}
.role-pill.admin{color:#071019;background:linear-gradient(180deg,#7fc2ff,#4ea1ff);border-color:rgba(78,161,255,.45)}
.role-pill.user{color:#d9dde5}.status-pill.on{color:#07110d;background:rgba(25,212,139,.16);border-color:rgba(25,212,139,.28)}.status-pill.off{color:#ffd1d6;background:rgba(255,90,104,.13);border-color:rgba(255,90,104,.28)}
.user-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.user-info-item{background:#07090d;border:1px solid var(--pro-line);border-radius:12px;padding:10px;min-width:0}.user-info-item span{display:block;font-family:'Bebas Neue',sans-serif;color:#767d8c;letter-spacing:1.5px;font-size:14px;margin-bottom:3px}.user-info-item strong{display:block;font-family:Inter,Arial,sans-serif;color:#e8ecf4;font-size:12.5px;line-height:1.35;font-weight:700;word-break:break-word}.token-mini{font-family:monospace!important;color:#cfd5e1!important}.user-actions,.partner-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px!important}.user-actions .action-btn,.partner-actions .action-btn{width:100%!important;min-width:0!important;min-height:40px!important;font-size:16px!important;padding:9px 8px!important;line-height:1!important}.owner-lock{grid-column:1/-1;background:rgba(25,212,139,.10)!important;color:#bcffd9!important;border-color:rgba(25,212,139,.22)!important;box-shadow:none!important}


.token-value{font-size:13px!important;line-height:1.45!important;color:#eef2f8!important;word-break:break-word!important}.key-card small,.route-card small,.update-card small,.update-key-card small{font-size:13px!important;line-height:1.45!important;color:var(--pro-muted)!important}.code,.route-url,.doc-code,pre,code,.response-box,.result-box{background:#07090d!important;border:1px solid var(--pro-line)!important;border-radius:12px!important;color:#eef2f8!important}
.key-actions,.route-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important;margin-top:12px!important}.key-actions .action-btn,.route-actions .action-btn{width:100%!important;min-width:0!important}


.yuta-toast,.notify,.confirm-box,.yuta-dialog,.alertBox{background:linear-gradient(180deg,#11151d,#080a0f)!important;border:1px solid rgba(78,161,255,.18)!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(0,0,0,.55)!important}.yuta-toast{border-left-color:var(--pro-blue)!important}.yuta-toast.success{border-left-color:var(--pro-green)!important}.yuta-toast.error{border-left-color:var(--pro-red)!important}.yuta-toast.warn{border-left-color:var(--pro-yellow)!important}.confirm-kicker{color:var(--pro-blue)!important;background:rgba(78,161,255,.10)!important;border-color:rgba(78,161,255,.22)!important}.confirm-ok{background:linear-gradient(180deg,#56adff,#2979d9)!important;color:#fff!important}.confirm-box.safe .confirm-ok{background:linear-gradient(180deg,#52f0a8,#18a96e)!important;color:#06110d!important}


body.auth-page{background:radial-gradient(circle at 16% 0%,rgba(78,161,255,.16),transparent 30%),radial-gradient(circle at 92% 12%,rgba(25,212,139,.10),transparent 28%),linear-gradient(180deg,#050609,#080a0f 55%,#050609)!important}.auth-card{border-color:rgba(78,161,255,.18)!important}.auth-copy h2{font-size:clamp(46px,7vw,78px)!important}.auth-card h2{font-size:clamp(42px,5vw,56px)!important}.auth-trust-item span{color:var(--pro-blue)!important}


.plan{position:relative;overflow:hidden}.plan::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pro-blue),var(--pro-green));opacity:.9}.partner-tag,.method-badge,.tab.active{background:linear-gradient(180deg,#56adff,#2979d9)!important;color:#fff!important;border-color:rgba(78,161,255,.45)!important}.partner-tag.official{background:linear-gradient(180deg,#52f0a8,#19d48b)!important;color:#06110d!important}


@media(max-width:900px){
  body{padding:0!important}
  .page{margin-left:0!important;padding:92px 12px 20px!important;width:100%!important;max-width:100%!important}
  .topbar{height:72px!important;padding:0 12px!important;gap:10px!important}
  .topbar h1{font-size:34px!important;max-width:calc(100vw - 122px)!important;text-align:center!important}
  .box{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important}
  .dev-mark{font-size:14px!important;padding:6px 8px!important;border-radius:11px!important}
  #sidebar{width:min(300px,84vw)!important;left:calc(-1 * min(300px,84vw))!important;padding:22px 18px!important}
  #sidebar.open{left:0!important}
  .brand{margin-bottom:22px!important}.brand h2{font-size:32px!important}.logo-box{width:48px!important;height:48px!important;font-size:28px!important}
  nav a{font-size:24px!important;padding:12px 14px!important;min-height:44px!important}
  .card{padding:18px 14px!important;margin-bottom:14px!important;border-radius:16px!important}
  .hero h2{font-size:46px!important}.hero p{font-size:14px!important}.mini{font-size:14px!important}
  h4{font-size:30px!important;letter-spacing:1.5px!important}
  .admin-grid,.grid,.form,.update-form{grid-template-columns:1fr!important;gap:13px!important}
  .user-info-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.user-actions,.partner-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.key-actions,.route-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.action-btn,.btn,.form button,.update-form button{font-size:16px!important;min-height:40px!important;padding:9px 8px!important}
  .notify-wrap{top:82px!important;left:10px!important;right:10px!important}.notify{width:100%!important}.notify-title{font-size:32px!important}
}
@media(max-width:430px){
  .page{padding-left:10px!important;padding-right:10px!important}.topbar h1{font-size:30px!important}.card{padding:16px 12px!important}.hero h2{font-size:40px!important}.user-info-grid,.user-actions,.partner-actions,.key-actions,.route-actions{grid-template-columns:1fr!important}.user-actions .action-btn,.partner-actions .action-btn,.key-actions .action-btn,.route-actions .action-btn{min-height:38px!important}.user-email,.partner-name{font-size:13px!important}.role-pill,.status-pill,.tag-pill{font-size:14px!important}.auth-shell{width:calc(100% - 22px)!important}.auth-card{padding:20px 16px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}



.input-group{position:relative!important;flex-wrap:wrap!important;align-items:center!important}
.input-group.field-error{
  border-color:rgba(255,90,104,.70)!important;
  box-shadow:0 0 0 3px rgba(255,90,104,.10)!important;
}
.input-group.field-error span{color:var(--pro-red)!important}
.input-group .field-message{
  flex:0 0 100%;
  display:block;
  margin:5px 0 0 34px;
  font-family:Inter,Arial,sans-serif;
  font-size:11px;
  line-height:1.35;
  color:#ff9aa4;
  letter-spacing:.2px;
  text-transform:none;
}
.yuta-toast-wrap{position:fixed;right:14px;top:84px;z-index:999999;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}
.yuta-toast{pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease;padding:13px 14px 13px 15px;border-left:3px solid var(--pro-blue)!important}
.yuta-toast.show{opacity:1;transform:none}.yuta-toast strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1.4px;margin-bottom:2px}.yuta-toast span{display:block;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.45;color:#d8dde8}

.partner-dock.partners-section{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:1!important;
  overflow:hidden!important;
  margin:18px auto 28px!important;
  max-width:1480px!important;
  padding:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),var(--pro-card)!important;
  border:1px solid var(--pro-line)!important;
  box-shadow:var(--pro-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.partners-head{margin-bottom:15px}.partners-head h2{font-size:clamp(34px,5vw,56px)!important;line-height:.95!important;margin:8px 0!important;color:#fff!important;letter-spacing:1.8px}.partners-head p{font-family:Inter,Arial,sans-serif;color:var(--pro-muted);font-size:14px;line-height:1.5;margin:0}
.partner-dock .partner-wrapper{height:auto!important;overflow:visible!important;display:block!important}.partner-dock .partner-track{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important;width:100%!important;padding:0!important;overflow:visible!important;transform:none!important;will-change:auto!important}.partner-dock .partner-card{min-width:0!important;width:100%!important;height:auto!important;min-height:78px!important;padding:14px!important;border-radius:16px!important;scroll-snap-align:none!important}.partner-dock .partner-fade{display:none!important}.partner-content h4{font-size:24px!important;margin:0 0 4px!important;line-height:1!important}.partner-content p{font-size:12px!important;line-height:1.35!important;margin:0!important}.partner-icon{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:13px!important}.partner-tag{font-size:12px!important;padding:4px 8px!important;margin-bottom:5px!important}
@media(max-width:430px){.yuta-toast-wrap{top:78px;right:10px;left:10px;width:auto}.input-group .field-message{margin-left:30px}.partner-dock.partners-section{padding:16px 12px!important;margin-left:10px!important;margin-right:10px!important}.partner-dock .partner-track{grid-template-columns:1fr!important}.partner-dock .partner-card{min-height:68px!important}.partners-head h2{font-size:38px!important}}
@media(min-width:901px){
  .partner-dock.partners-section{margin-left:330px!important;margin-right:30px!important;max-width:calc(100% - 360px)!important}
}



.partner-track:empty{min-height:0;padding:0;margin:0}
.partners-section[style*="display: none"]{margin:0!important;padding:0!important;border:0!important}
#pixModal .pixBox{max-width:min(92vw,420px)}
#qrImg{width:min(78vw,330px);height:auto;display:block;margin:0 auto 16px;border-radius:14px}
.yuta-toast.success{border-color:rgba(34,197,94,.45)}
.yuta-toast.error{border-color:rgba(244,63,94,.55)}
.yuta-toast.warn{border-color:rgba(245,158,11,.55)}







.logo-box{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  padding:0!important;
  line-height:1!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  transform:none!important;
  rotate:0deg!important;
  font-style:normal!important;
  font-synthesis:none!important;
}
.logo-box::before{
  content:'Y';
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-indent:0;
  font-family:'Bebas Neue',sans-serif!important;
  font-size:34px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:#050609!important;
  transform:translateX(.5px) translateY(1px)!important;
  rotate:0deg!important;
  font-style:normal!important;
  text-shadow:none!important;
}
.auth-brand-row .logo-box{
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  border-radius:22px!important;
}
.auth-brand-row .logo-box::before{
  font-size:43px!important;
  transform:translateX(.7px) translateY(1px)!important;
}
@media(max-width:560px){
  .auth-brand-row .logo-box{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    border-radius:18px!important;
  }
  .auth-brand-row .logo-box::before{font-size:36px!important}
}
@media(max-width:900px){
  #sidebar .logo-box,.brand .logo-box{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }
  #sidebar .logo-box::before,.brand .logo-box::before{font-size:31px!important}
}



.auth-brand-text-only{
  gap: 0 !important;
}
.auth-brand-text-only h1{
  margin-left: 0 !important;
}


.coupon-panel{
  margin: 18px 0 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
  gap: 18px;
  align-items: end;
}
.coupon-panel h3{
  margin: 6px 0 6px;
  font-size: clamp(28px, 5vw, 42px);
}
.coupon-panel p{
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
}
.coupon-form{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.coupon-form input,
.coupon-admin-form input,
.coupon-admin-form select{
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  background: rgba(4,7,12,.72);
  color: #fff;
  padding: 0 14px;
  outline: none;
  font: inherit;
}
.coupon-form input:focus,
.coupon-admin-form input:focus,
.coupon-admin-form select:focus{
  border-color: rgba(59,130,246,.75);
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
.coupon-form button{
  min-height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.92);
  color: #05070b;
  font-family: inherit;
  letter-spacing: .08em;
  cursor: pointer;
}
.coupon-preview{
  grid-column: 1 / -1;
  padding: 11px 13px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.68);
  font-size: 14px;
}
.coupon-preview.success{
  border-color: rgba(16,185,129,.35);
  color: #8fffd2;
  background: rgba(16,185,129,.08);
}
.coupon-preview.error{
  border-color: rgba(244,63,94,.4);
  color: #ffb4c2;
  background: rgba(244,63,94,.08);
}
.coupon-admin-card .partner-name{
  letter-spacing: .08em;
}
@media (max-width: 760px){
  .coupon-panel{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .coupon-form{
    grid-template-columns: 1fr;
  }
}



.route-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.route-status{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:24px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1px;font-family:Inter,Arial,sans-serif;border:1px solid rgba(255,255,255,.12)}
.route-status.online{color:#35ff9f;background:rgba(32,255,142,.09);box-shadow:0 0 18px rgba(32,255,142,.08)}
.route-status.offline{color:#ff6077;background:rgba(255,53,84,.10);box-shadow:0 0 18px rgba(255,53,84,.08)}
.route-card.route-offline,.rota-item.rota-offline{opacity:.72;filter:saturate(.65)}
.route-card.route-offline .route-url,.rota-item.rota-offline .rota-path{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(255,96,119,.55)}
.action-btn.copy-btn{background:linear-gradient(180deg,rgba(39,151,255,.18),rgba(255,255,255,.05));border:1px solid rgba(39,151,255,.18);color:#eaf6ff}
.action-btn:disabled,.run.disabled,.copy.disabled{cursor:not-allowed!important;opacity:.55;filter:grayscale(1);box-shadow:none!important}
.empty-admin-state{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#aaa;text-align:center}
.route-editor-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.68);display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}
.route-editor-overlay.show{display:flex}
.route-editor-box{width:min(520px,100%);background:#0f1014;border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.48)}
.route-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.route-editor-head h3{margin:0;font-size:34px;line-height:1;font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:1px;color:#fff}
.route-editor-head button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:24px}
.route-editor-box label{display:block;margin:10px 0 6px;color:#aab0b9;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:800}
.route-editor-box input,.route-editor-box select,#statusRota{width:100%;min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.35);color:#fff;padding:0 14px;outline:none;font-family:Inter,Arial,sans-serif}
.route-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.route-editor-actions button{min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);font-weight:900;letter-spacing:1px;text-transform:uppercase}
.route-editor-actions button:first-child{background:rgba(255,255,255,.06);color:#fff}
.route-editor-actions button:last-child{background:linear-gradient(135deg,#39d98a,#2f80ed);color:#020308}
.rota-header .route-status{margin-left:auto;flex:0 0 auto}
@media(max-width:560px){.route-status{min-width:62px;height:22px;font-size:10px}.route-editor-head h3{font-size:29px}.route-editor-actions{grid-template-columns:1fr}}




body.account-page .page.account-shell-page{
  max-width:1180px!important;
}
.account-pro-wrap{
  width:100%;
  display:grid;
  gap:16px;
  padding-bottom:34px;
}
.account-pro-hero,
.account-panel,
.account-metric-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    #0a0d13!important;
  box-shadow:0 16px 34px rgba(0,0,0,.32);
  border-radius:22px;
}
.account-pro-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:160px;
  padding:24px;
}
.account-pro-hero::before,
.account-panel::before,
.account-metric-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#4ea1ff,#19d48b);
  opacity:.9;
}
.account-kicker{
  display:block;
  margin-bottom:8px;
  color:#4ea1ff!important;
  font-family:'Bebas Neue',sans-serif;
  font-size:15px;
  letter-spacing:4px;
}
.account-pro-hero h2{
  max-width:100%;
  margin:0 0 8px!important;
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(20px,3.2vw,34px)!important;
  line-height:1.18!important;
  letter-spacing:-.4px!important;
  word-break:break-word;
  overflow-wrap:anywhere;
  text-shadow:none!important;
}
.account-pro-hero p,
.account-message{
  margin:0;
  color:#a7adba!important;
  font-size:14px;
  line-height:1.6;
  max-width:700px;
}
.account-pro-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.account-badge,
.mini-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#dce5f3;
  font-family:'Bebas Neue',sans-serif;
  font-size:15px;
  letter-spacing:1.5px;
  white-space:nowrap;
}
.account-badge.ok{color:#0a1610;background:rgba(25,212,139,.88);border-color:rgba(25,212,139,.3)}
.account-badge.off{color:#ffd6dc;background:rgba(255,78,102,.13);border-color:rgba(255,78,102,.25)}
.account-badge.owner{color:#07121f;background:linear-gradient(135deg,#fff,#b8d9ff);border-color:rgba(78,161,255,.4)}
.account-badge.admin{color:#07110d;background:rgba(25,212,139,.82)}
.account-badge.loading{color:#b8bfca}
.account-overview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.account-metric-card{
  padding:18px 18px 16px;
  min-width:0;
}
.account-metric-card span,
.account-detail-list span{
  display:block;
  color:#747d8d;
  font-family:'Bebas Neue',sans-serif;
  font-size:15px;
  letter-spacing:2.3px;
  margin-bottom:7px;
}
.account-metric-card strong{
  display:block;
  color:#fff;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(28px,4vw,42px);
  letter-spacing:1px;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-metric-card small{
  display:block;
  margin-top:8px;
  color:#9ba2af!important;
  font-size:12.5px;
  line-height:1.35;
}
.account-two-col{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:14px;
}
.account-panel{
  padding:20px;
  min-width:0;
}
.panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.panel-head h3{
  margin:0;
  color:#fff;
  font-family:'Bebas Neue',sans-serif;
  font-size:34px;
  letter-spacing:1.3px;
  line-height:1;
}
.sub-progress-box{
  display:grid;
  gap:9px;
  margin:10px 0 14px;
}
.sub-progress-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#cbd2df;
  font-size:13px;
}
.sub-progress-top b{color:#fff}
.sub-progress-line{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:#05070b;
}
.sub-progress-line i{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4ea1ff,#19d48b);
  transition:width .35s ease;
}
.account-actions-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.account-actions-row.compact{margin-top:16px}
.account-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:#0b0f17;
  color:#eef4ff!important;
  font-family:'Bebas Neue',sans-serif;
  font-size:17px;
  letter-spacing:1.3px;
  text-decoration:none!important;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.account-btn:hover{border-color:rgba(78,161,255,.34);background:#111827;transform:translateY(-1px)}
.account-btn.primary{color:#06111f!important;background:linear-gradient(135deg,#f7fbff,#a9d2ff);border-color:rgba(78,161,255,.32)}
.account-btn.admin{color:#06130f!important;background:linear-gradient(135deg,#eafff4,#7bf0b8);border-color:rgba(25,212,139,.34)}
.account-btn.danger{color:#fff!important;background:linear-gradient(135deg,#ff5d74,#d82d47);border-color:rgba(255,94,116,.35)}
.account-detail-list{
  display:grid;
  gap:10px;
}
.account-detail-list div{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#06080d;
}
.account-detail-list strong{
  display:block;
  color:#e9eef7;
  font-size:13px;
  line-height:1.35;
  word-break:break-word;
  overflow-wrap:anywhere;
}
body.account-inactive .metric-status::before,
body.account-inactive .subscription-panel::before{background:linear-gradient(180deg,#ff5d74,#4ea1ff)}
@media(max-width:980px){
  .account-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-two-col{grid-template-columns:1fr}
}
@media(max-width:640px){
  .account-pro-wrap{gap:12px}
  .account-pro-hero{grid-template-columns:1fr;padding:18px 16px;border-radius:18px;min-height:0}
  .account-pro-badges{justify-content:flex-start}
  .account-overview-grid{grid-template-columns:1fr 1fr;gap:10px}
  .account-metric-card{padding:14px 12px;border-radius:16px}
  .account-metric-card strong{font-size:30px;white-space:normal}
  .account-panel{padding:16px 14px;border-radius:18px}
  .panel-head h3{font-size:30px}
  .account-actions-row{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .account-actions-row.compact{grid-template-columns:1fr}
  .account-btn{width:100%;min-height:38px;font-size:16px;padding:9px 10px}
}
@media(max-width:390px){
  .account-overview-grid{grid-template-columns:1fr}
  .account-pro-hero h2{font-size:19px!important}
  .account-kicker{font-size:13px;letter-spacing:3px}
}


.bot-mode-panel{
  margin-top:18px;
  overflow:hidden;
}
.bot-mode-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.bot-info-card{
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  min-width:0;
}
.bot-info-card span{
  display:block;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.68;
  margin-bottom:6px;
}
.bot-info-card strong{
  display:block;
  font-size:14px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.mini-pill.bot-on,
.status-pill.on{
  background:rgba(34,197,94,.14)!important;
  color:#86efac!important;
  border-color:rgba(34,197,94,.32)!important;
}
.mini-pill.bot-off,
.status-pill.off{
  background:rgba(239,68,68,.12)!important;
  color:#fca5a5!important;
  border-color:rgba(239,68,68,.28)!important;
}
.user-info-item small{
  display:block;
  margin-top:5px;
  font-size:11px;
  opacity:.62;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  .bot-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:430px){
  .bot-mode-grid{grid-template-columns:1fr;}
}


#copyBotKeyBtn,
#copyBotKeyBtn.account-btn,
#copyBotKeyBtn.account-btn.ghost{
  color:#07111f!important;
  background:linear-gradient(135deg,#ffffff,#d7e2f2)!important;
  border-color:rgba(78,161,255,.28)!important;
  text-shadow:none!important;
  opacity:1!important;
}

#copyBotKeyBtn:hover{
  color:#000!important;
  background:linear-gradient(135deg,#ffffff,#c7daf3)!important;
  border-color:rgba(78,161,255,.45)!important;
}

#copyBotKeyBtn:disabled,
#copyBotKeyBtn[disabled]{
  color:#111827!important;
  background:linear-gradient(135deg,#f2f4f8,#cfd7e3)!important;
  opacity:.72!important;
  cursor:not-allowed!important;
}



.account-token-detail{
  grid-column:1/-1;
}
.account-token-detail strong{
  padding:9px 10px;
  margin-top:6px;
  border-radius:10px;
  background:#02050a;
  border:1px solid rgba(78,161,255,.18);
  color:#eaf3ff!important;
  font-family:monospace!important;
  font-size:12px!important;
  letter-spacing:.2px!important;
  user-select:all;
}
.mini-copy-token{
  width:100%;
  min-height:36px;
  margin-top:9px;
  border:1px solid rgba(78,161,255,.25);
  border-radius:12px;
  background:linear-gradient(135deg,#ffffff,#cfe3ff);
  color:#06111f!important;
  font-family:'Bebas Neue',sans-serif;
  font-size:16px;
  letter-spacing:1.5px;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,filter .15s ease;
}
.mini-copy-token:hover{
  transform:translateY(-1px);
  border-color:rgba(78,161,255,.45);
  filter:brightness(1.03);
}

.route-token-status{display:block;margin-top:10px;color:#94a3b8;font-size:12px;line-height:1.4;font-family:Inter,Arial,sans-serif}.rota-path{word-break:break-word}