@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --as-bg:#050608;
  --as-bg-2:#0b0d12;
  --as-panel:rgba(14,17,24,.78);
  --as-panel-strong:rgba(18,21,30,.94);
  --as-glass:rgba(255,255,255,.055);
  --as-border:rgba(255,255,255,.105);
  --as-border-hot:rgba(255,123,0,.38);
  --as-text:#f8fafc;
  --as-muted:#9aa4b2;
  --as-soft:#cbd5e1;
  --as-orange:#ff7b00;
  --as-orange-2:#ffb15c;
  --as-red:#ff475f;
  --as-green:#35e7a7;
  --as-blue:#69a7ff;
  --as-purple:#9b6cff;
  --as-radius:24px;
  --as-shadow:0 26px 80px rgba(0,0,0,.46);
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--as-bg)!important;scroll-behavior:smooth}
body{
  min-height:100vh!important;
  margin:0!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,123,0,.18),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(105,167,255,.13),transparent 28%),
    radial-gradient(circle at 60% 110%,rgba(155,108,255,.12),transparent 34%),
    linear-gradient(135deg,#040506 0%,#07090d 42%,#0c0805 100%)!important;
  color:var(--as-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);
}
body:after{
  content:"";
  position:fixed;
  inset:auto -12% -25% -12%;
  height:42vh;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(closest-side,rgba(255,123,0,.14),transparent 72%);
  filter:blur(22px);
}
a{color:inherit;text-decoration:none}
button,a,input,select,textarea{font-family:inherit!important}
::selection{background:rgba(255,123,0,.32);color:#fff}

.dashboard-layout,.page-layout,.app-layout,.login-page,.access-page,.wl-page,.tickets-page,.logs-page,.live-page,.changelog-page{position:relative;z-index:1}
.dashboard-layout{display:flex!important;min-height:100vh!important;width:100%!important}
.dashboard-main,main,.wl-page,.tickets-page,.logs-page,.access-page,.live-page,.changelog-page{
  min-width:0!important;
  width:100%!important;
  padding:28px!important;
}
.dashboard-main{margin-left:0!important}

.sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  width:310px!important;
  min-width:310px!important;
  padding:22px 18px!important;
  border-right:1px solid var(--as-border)!important;
  background:linear-gradient(180deg,rgba(12,14,20,.92),rgba(8,10,14,.74))!important;
  backdrop-filter:blur(24px)!important;
  box-shadow:18px 0 70px rgba(0,0,0,.32)!important;
}
.sidebar-blur{display:none!important}
.sidebar-header{
  margin:0 0 24px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,123,0,.13),rgba(255,255,255,.035))!important;
}
.sidebar-logo-img{
  width:58px!important;height:58px!important;border-radius:19px!important;
  display:grid!important;place-items:center!important;
  background:rgba(0,0,0,.32)!important;
  border:1px solid rgba(255,123,0,.26)!important;
  box-shadow:0 18px 38px rgba(255,123,0,.13)!important;
  overflow:hidden!important;
}
.sidebar-logo-img img{width:100%!important;height:100%!important;object-fit:cover!important}
.sidebar-title h2{font-size:19px!important;font-weight:900!important;letter-spacing:-.04em!important;margin:0!important}
.sidebar-title p{color:var(--as-orange-2)!important;font-weight:800!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.12em!important;margin:2px 0 0!important}
.sidebar-scroll{height:calc(100vh - 150px)!important;overflow:auto!important;padding-right:3px!important}
.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(255,123,0,.35);border-radius:999px}
.sidebar-section-title{
  margin:22px 12px 10px!important;
  color:#687386!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.sidebar-menu{display:grid!important;gap:8px!important}
.sidebar-link{
  min-height:48px!important;
  padding:12px 13px!important;
  border:1px solid transparent!important;
  border-radius:17px!important;
  color:var(--soft,#d9e1ec)!important;
  background:transparent!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.sidebar-link:hover{transform:translateX(4px)!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.08)!important}
.sidebar-link.active{
  background:linear-gradient(135deg,rgba(255,123,0,.22),rgba(255,123,0,.07))!important;
  border-color:var(--as-border-hot)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 14px 32px rgba(255,123,0,.11)!important;
}
.sidebar-icon{
  width:34px!important;height:34px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:var(--as-orange-2)!important;
}
.sidebar-link small{margin-left:auto!important;background:rgba(255,123,0,.14)!important;border:1px solid rgba(255,123,0,.22)!important;color:var(--as-orange-2)!important;border-radius:999px!important;padding:4px 8px!important;font-weight:900!important;font-size:10px!important;text-transform:uppercase!important}
.sidebar-footer{margin-top:16px!important;padding:14px!important;border-radius:22px!important;background:rgba(255,255,255,.045)!important;border:1px solid var(--as-border)!important}

.topbar,.access-topbar,.wl-topbar,.tickets-topbar,.logs-topbar,.live-topbar,.changelog-topbar{
  margin:0 0 24px!important;
  padding:18px!important;
  border:1px solid var(--as-border)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(16,19,27,.84),rgba(11,13,18,.68))!important;
  box-shadow:var(--as-shadow)!important;
  backdrop-filter:blur(22px)!important;
}
.topbar h1,.access-page h1,.wl-page h1,.tickets-page h1,.logs-page h1,.live-page h1,.changelog-page h1{
  margin:0!important;
  font-size:clamp(28px,3vw,48px)!important;
  line-height:1!important;
  letter-spacing:-.075em!important;
  font-weight:950!important;
}
.topbar p,.access-page p,.wl-page p,.tickets-page p,.logs-page p,.live-page p,.changelog-page p{color:var(--as-muted)!important;line-height:1.65!important}
.menu-toggle,.icon-btn,.ghost-btn,.secondary-btn{
  border:1px solid var(--as-border)!important;
  background:rgba(255,255,255,.055)!important;
  color:var(--as-text)!important;
  border-radius:16px!important;
  min-height:42px!important;
  transition:.18s ease!important;
}
.menu-toggle:hover,.icon-btn:hover,.ghost-btn:hover,.secondary-btn:hover{border-color:var(--as-border-hot)!important;transform:translateY(-1px)!important}

.stat-card,.panel-card,.card,.settings-card,.creator-card,.platform-card,.ticket-card,.whitelist-card,.welcome-card,.logs-card,.access-card,.wl-card,.channel-card,.modal-content,.modal-card,.table-card,.hero-card,.config-card,.category-card,.ticket-row,.creator-item,.setting-card,section[class*="card"],article[class*="card"]{
  background:linear-gradient(145deg,rgba(18,21,30,.86),rgba(9,11,16,.82))!important;
  border:1px solid var(--as-border)!important;
  border-radius:var(--as-radius)!important;
  box-shadow:var(--as-shadow)!important;
  backdrop-filter:blur(22px)!important;
}
.stat-card:hover,.panel-card:hover,.card:hover,.settings-card:hover,.creator-card:hover,.platform-card:hover,.ticket-card:hover,.welcome-card:hover,.logs-card:hover,.access-card:hover,.wl-card:hover,.ticket-row:hover,.creator-item:hover{
  border-color:var(--as-border-hot)!important;
  transform:translateY(-2px)!important;
  transition:.2s ease!important;
}
.stat-card,.panel-card,.welcome-card,.settings-card,.ticket-card,.platform-card,.logs-card,.access-card,.wl-card{padding:22px!important}

.stat-icon,.icon-box,.creator-icon,.wl-icon,.ticket-icon,.metric-icon{
  background:linear-gradient(135deg,rgba(255,123,0,.18),rgba(255,255,255,.045))!important;
  color:var(--as-orange-2)!important;
  border:1px solid rgba(255,123,0,.24)!important;
  border-radius:18px!important;
}
.badge,.panel-badge,.status-badge,.pill,.domain-pill,.user-chip,.tag,.eyebrow{
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.055)!important;
  color:var(--as-soft)!important;
  border-radius:999px!important;
}
.eyebrow{display:inline-flex!important;padding:7px 11px!important;color:var(--as-orange-2)!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-size:11px!important}
.domain-pill,.user-chip{min-height:44px!important;padding:8px 12px!important;gap:10px!important}
.top-avatar,.user-chip img,img.top-avatar{border-radius:16px!important;border:1px solid rgba(255,123,0,.28)!important;box-shadow:0 10px 30px rgba(255,123,0,.12)!important}

button,.btn,.btn-primary,.save-btn,.primary,button.primary,[type="submit"]{
  cursor:pointer!important;
}
.btn-primary,button.primary,.save-btn,.primary-btn,[type="submit"]:not(.remove-button):not(.danger):not(.ghost-btn){
  background:linear-gradient(135deg,var(--as-orange),var(--as-orange-2))!important;
  color:#111827!important;
  border:0!important;
  border-radius:16px!important;
  min-height:44px!important;
  padding:11px 16px!important;
  font-weight:950!important;
  box-shadow:0 16px 38px rgba(255,123,0,.22)!important;
}
.btn-primary:hover,button.primary:hover,.save-btn:hover,.primary-btn:hover,[type="submit"]:not(.remove-button):not(.danger):not(.ghost-btn):hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important}
.danger,.remove-button{background:rgba(255,71,95,.13)!important;color:#ff9aa8!important;border:1px solid rgba(255,71,95,.28)!important;border-radius:14px!important}

label{color:var(--as-soft)!important;font-weight:800!important;font-size:13px!important}
input,select,textarea{
  width:100%;
  background:rgba(255,255,255,.055)!important;
  color:var(--as-text)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  outline:none!important;
  min-height:46px!important;
  padding:12px 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
textarea{min-height:118px!important;resize:vertical!important}
input::placeholder,textarea::placeholder{color:#6b7280!important}
input:focus,select:focus,textarea:focus{
  border-color:rgba(255,123,0,.62)!important;
  box-shadow:0 0 0 4px rgba(255,123,0,.11),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
select option{background:#111827!important;color:#fff!important}
input[type="color"]{padding:5px!important;min-height:48px!important}
input[type="checkbox"]{width:18px!important;min-height:18px!important;accent-color:var(--as-orange)!important}

.alert,.welcome-alert,.error-box,.success-box{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:rgba(255,255,255,.06)!important;
  color:var(--as-text)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
}
.alert.success,.welcome-alert.success,.success{border-color:rgba(53,231,167,.34)!important;background:rgba(53,231,167,.1)!important;color:#c7ffe9!important}
.alert.error,.welcome-alert.error,.error{border-color:rgba(255,71,95,.35)!important;background:rgba(255,71,95,.11)!important;color:#ffd0d6!important}
.muted,small,.empty-state,.empty-creators{color:var(--as-muted)!important}

table{width:100%!important;border-collapse:separate!important;border-spacing:0 10px!important}
th{color:#7d8796!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:11px!important;text-align:left!important}
td{background:rgba(255,255,255,.045)!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;padding:14px!important}
td:first-child{border-left:1px solid rgba(255,255,255,.07)!important;border-radius:16px 0 0 16px!important}
td:last-child{border-right:1px solid rgba(255,255,255,.07)!important;border-radius:0 16px 16px 0!important}

.dashboard-grid,.stats-grid,.form-grid,.settings-grid,.cards-grid,.ticket-grid,.wl-grid,.welcome-layout,.logs-grid,.access-grid{
  gap:20px!important;
}
.hero,.wl-hero,.tickets-hero,.access-hero,.changelog-hero,.live-hero{
  border:1px solid var(--as-border)!important;
  border-radius:32px!important;
  padding:30px!important;
  background:
    linear-gradient(135deg,rgba(255,123,0,.16),rgba(255,255,255,.04) 45%,rgba(105,167,255,.08)),
    rgba(12,15,22,.72)!important;
  box-shadow:var(--as-shadow)!important;
  overflow:hidden!important;
}
.hero h1,.wl-hero h1,.tickets-hero h1,.access-hero h1,.changelog-hero h1,.live-hero h1{font-size:clamp(36px,5vw,68px)!important}

.login-shell,.login-card,.auth-card,.no-access-card{
  background:linear-gradient(145deg,rgba(18,21,30,.86),rgba(8,10,15,.82))!important;
  border:1px solid var(--as-border)!important;
  border-radius:32px!important;
  box-shadow:0 35px 110px rgba(0,0,0,.52)!important;
  backdrop-filter:blur(24px)!important;
}
.login-card h1,.auth-card h1{font-size:clamp(34px,5vw,62px)!important;letter-spacing:-.08em!important;font-weight:950!important}
.login-logo,.brand-logo{filter:drop-shadow(0 18px 34px rgba(255,123,0,.22))!important}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--as-orange),#7a3a00);border-radius:999px;border:2px solid rgba(0,0,0,.35)}

@media(max-width:1080px){
  .dashboard-layout{display:block!important}
  .sidebar{position:fixed!important;z-index:50!important;left:0!important;transform:translateX(-105%);transition:transform .22s ease!important}
  .sidebar.open{transform:translateX(0)!important}
  .dashboard-main,main,.wl-page,.tickets-page,.logs-page,.access-page,.live-page,.changelog-page{padding:18px!important}
}
@media(max-width:680px){
  .topbar,.access-topbar,.wl-topbar,.tickets-topbar,.logs-topbar,.live-topbar,.changelog-topbar{border-radius:22px!important;padding:14px!important}
  .stat-card,.panel-card,.welcome-card,.settings-card,.ticket-card,.platform-card,.logs-card,.access-card,.wl-card{padding:16px!important;border-radius:20px!important}
  .sidebar{width:286px!important;min-width:286px!important}
}
.mobile-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(8px)!important;z-index:45!important;opacity:0!important;pointer-events:none!important;transition:.2s ease!important}.mobile-overlay.show{opacity:1!important;pointer-events:auto!important}.sidebar-bottom{position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important}.profile-button{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;border-radius:20px!important;border:1px solid var(--as-border)!important;background:rgba(255,255,255,.055)!important;color:var(--as-text)!important}.profile-avatar img{width:42px!important;height:42px!important;border-radius:15px!important;object-fit:cover!important}.profile-info{display:grid!important;text-align:left!important;min-width:0!important}.profile-info strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.profile-info span{font-size:11px!important;color:var(--as-orange-2)!important;font-weight:900!important;text-transform:uppercase!important}.profile-arrow{margin-left:auto!important;color:var(--as-muted)!important}.profile-menu{display:none!important;margin-top:10px!important;padding:8px!important;border-radius:18px!important;border:1px solid var(--as-border)!important;background:rgba(11,13,18,.96)!important;box-shadow:0 20px 60px rgba(0,0,0,.4)!important}.sidebar-profile.open .profile-menu{display:grid!important;gap:6px!important}.profile-menu a{display:flex!important;gap:10px!important;align-items:center!important;padding:10px!important;border-radius:13px!important;color:var(--as-soft)!important}.profile-menu a:hover{background:rgba(255,255,255,.06)!important}.profile-menu .logout{color:#ff9aa8!important}.sidebar-link.disabled{opacity:.48!important;pointer-events:none!important}