/* ===== XENCRYPT BASE / POLISHED LAYOUT ===== */
:root{
  --bg:#050505;--bg-2:#0a0a0a;--panel:#0d0d0d;
  --txt-0:#f7f7f7;--txt-1:#d0d0d0;--txt-2:#929292;--txt-3:#5d5d5d;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.17);
  --grad-w:linear-gradient(135deg,#fff 0%,#aaa 48%,#fff 100%);
  --grad-btn:linear-gradient(135deg,#fff,#bdbdbd);
  --mono:"JetBrains Mono",monospace;
  --shadow:0 25px 80px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;background:
  radial-gradient(circle at 80% -10%,rgba(255,255,255,.08),transparent 28%),
  radial-gradient(circle at 10% 30%,rgba(255,255,255,.035),transparent 24%),
  var(--bg);
  color:var(--txt-0);font-family:"Space Grotesk",system-ui,sans-serif;
  overflow-x:hidden;
}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:-3;overflow:hidden}
.bg-orbs:before,.bg-orbs:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.16}
.bg-orbs:before{width:360px;height:360px;right:-120px;top:80px;background:#fff}
.bg-orbs:after{width:300px;height:300px;left:-130px;bottom:40px;background:#aaa}
.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.bg-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.brand-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--grad-btn);box-shadow:0 8px 25px rgba(255,255,255,.1)}
.brand-icon img{width:28px;height:28px;display:block;object-fit:contain}.brand-icon svg{width:22px;height:22px}
.brand-text{font-size:15px;font-weight:800;letter-spacing:2px;color:#fff}
.container{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:20px 0 70px}
.hero{width:min(1000px,calc(100% - 40px));margin:0 auto;text-align:center;padding:90px 0 34px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.045);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--txt-1);backdrop-filter:blur(12px)}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff}
.hero h1{margin:18px 0 10px;font-size:clamp(48px,9vw,90px);line-height:.95;letter-spacing:-3px;background:var(--grad-w);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{max-width:700px;margin:0 auto;color:var(--txt-2);font-size:15px;line-height:1.7}
.card{background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(16px);overflow:hidden}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}
.card-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.card-title svg{width:17px;height:17px}
.char-count{font:11px var(--mono);color:var(--txt-3)}
.editor-wrap{padding:0}
.editor-wrap textarea{display:block;width:100%;min-height:390px;padding:22px;border:0;outline:0;resize:vertical;background:rgba(0,0,0,.35);color:#e8e8e8;font:13px/1.7 var(--mono)}
.editor-wrap textarea::placeholder{color:#444}
.action-zone{padding:18px 20px;border-top:1px solid var(--line)}
.btn-encrypt{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;border:0;border-radius:12px;background:var(--grad-btn);color:#080808;font-weight:800;box-shadow:0 10px 30px rgba(255,255,255,.08);transition:.22s}
.btn-encrypt:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(255,255,255,.14)}
.btn-encrypt:disabled{opacity:.55;transform:none;cursor:wait}
.hint{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;color:var(--txt-3);font-size:11.5px}
.hint svg{width:14px;height:14px;flex:none}
#resultSection{display:none}
#resultSection.show{display:block;animation:fadeUp .5s ease both}
.result-banner{display:flex;align-items:center;gap:14px;padding:16px;border-radius:15px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));margin-bottom:22px}
.result-icon{width:46px;height:46px;border-radius:14px;background:var(--grad-btn);display:grid;place-items:center;flex:none}
.result-icon svg{width:22px;height:22px}
.result-banner h2{margin:0;font-size:15px}
.result-banner p{margin:5px 0 0;color:var(--txt-2);font-size:12px}
.out-group{margin:14px 0}
.out-label{display:flex;align-items:center;gap:7px;color:var(--txt-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:7px}
.out-label svg{width:14px;height:14px}
.out-box{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 12px 12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.38)}
.out-box code{flex:1;min-width:0;overflow:auto;white-space:nowrap;font:11px var(--mono);color:#ddd}
.btn-copy{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line-strong);border-radius:8px;background:rgba(255,255,255,.05);color:#ddd;font-size:11px;flex:none}
.btn-copy:hover,.btn-copy.copied{background:#fff;color:#000}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.stat{padding:14px;border:1px solid var(--line);border-radius:12px;text-align:center;background:rgba(255,255,255,.025)}
.stat b{display:block;font:700 16px var(--mono);overflow:hidden;text-overflow:ellipsis}
.stat span{display:block;margin-top:4px;color:var(--txt-3);font-size:10px;text-transform:uppercase;letter-spacing:1px}
.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;width:min(1080px,calc(100% - 40px));margin:0 auto;padding:24px 0 36px;border-top:1px solid var(--line);color:var(--txt-3);font-size:11px}
.footer-dev{display:flex;align-items:center;gap:10px}
.dev-avatar{width:34px;height:34px;border-radius:10px;background:var(--grad-btn);display:grid;place-items:center;flex:none}
.dev-name{color:#ddd;font-weight:700}.footer-note{color:var(--txt-3)}
.fade-in{animation:fadeUp .55s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* ===== OWNER VIP GENERATOR ===== */
.vip-admin-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;margin-bottom:22px}
.admin-card{padding:22px}
.admin-card h2{margin:0 0 6px;font-size:19px}
.admin-card>p{margin:0 0 20px;color:var(--txt-2);font-size:12.5px;line-height:1.6}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-grid .full{grid-column:1/-1}
.admin-label{display:block;margin-bottom:7px;color:var(--txt-2);font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.admin-input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.38);color:#fff;outline:0}
.admin-input:focus{border-color:rgba(255,255,255,.38);box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.admin-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.btn-admin{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1px solid var(--line-strong);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:700}
.btn-admin.primary{background:var(--grad-btn);color:#080808;border-color:transparent}
.btn-admin:hover{transform:translateY(-1px)}
.vip-result{display:none;margin-top:15px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.vip-result.show{display:block;animation:fadeUp .3s ease both}
.credential{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.credential:last-child{border-bottom:0}.credential span{color:var(--txt-3)}.credential b{font-family:var(--mono);word-break:break-all}
.admin-note{padding:14px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--txt-2);font-size:12px;line-height:1.6}
.vip-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.9);color:#090909;font-size:9px;font-weight:900;letter-spacing:1px}
.free-pill{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--txt-2);font-size:9px;font-weight:800;letter-spacing:1px}
@media(max-width:720px){.container{width:min(100% - 24px,1080px)}.hero{width:min(100% - 24px,1000px);padding-top:75px}.hero h1{letter-spacing:-2px}.footer{width:calc(100% - 24px);flex-direction:column;align-items:flex-start}.vip-admin-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.stats-row{grid-template-columns:1fr}.card-head{padding:15px}.editor-wrap textarea{min-height:300px;padding:16px}}


/* ===== SIDEBAR LAYOUT ===== */
.layout {
  display: flex;
  min-height: 100vh;
}

.sidebar {
  width: 260px;
  flex-shrink: 0;
  position: fixed;
  top: 0; left: 0; bottom: 0;
  z-index: 100;
  background: linear-gradient(180deg, #0c0c0c 0%, #060606 100%);
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.sidebar-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 22px 20px;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
}

.sidebar-nav {
  flex: 1;
  padding: 18px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-y: auto;
}

.nav-section {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--txt-3);
  padding: 16px 12px 8px;
}

.nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-radius: 11px;
  color: var(--txt-1);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.22s, color 0.22s, transform 0.18s;
  border: 1px solid transparent;
}

.nav-item svg { width: 18px; height: 18px; flex-shrink: 0; opacity: 0.8; }

.nav-item:hover {
  background: rgba(255,255,255,0.05);
  color: var(--txt-0);
  transform: translateX(3px);
}

.nav-item.active {
  background: linear-gradient(135deg, rgba(255,255,255,0.11), rgba(255,255,255,0.04));
  border-color: var(--line-strong);
  color: #fff;
}

.nav-item.active svg { opacity: 1; }

.sidebar-foot {
  padding: 16px;
  border-top: 1px solid var(--line);
}

.user-chip {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--line);
  margin-bottom: 10px;
}

.user-chip .dev-avatar { width: 32px; height: 32px; font-size: 14px; }

.user-chip-info { flex: 1; min-width: 0; }
.user-chip-name { font-size: 13.5px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-chip-sub { font-size: 11px; color: var(--txt-3); }

.badge-vip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 2.5px 8px;
  border-radius: 100px;
  background: var(--grad-btn);
  color: #0a0a0a;
}

.badge-free {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 2.5px 8px;
  border-radius: 100px;
  border: 1px solid var(--line-strong);
  color: var(--txt-2);
}

.btn-logout {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--txt-2);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.22s;
}

.btn-logout svg { width: 15px; height: 15px; }
.btn-logout:hover { background: rgba(255,60,60,0.08); border-color: rgba(255,60,60,0.3); color: #ff7a7a; }

.main-content {
  flex: 1;
  margin-left: 260px;
  min-width: 0;
}

.sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(4px);
}

.hamburger {
  display: none;
  position: fixed;
  top: 16px; left: 16px;
  z-index: 101;
  width: 44px; height: 44px;
  border-radius: 12px;
  border: 1px solid var(--line-strong);
  background: rgba(10,10,10,0.85);
  backdrop-filter: blur(12px);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.hamburger svg { width: 20px; height: 20px; }

/* ===== LOGIN PAGE ===== */
.login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

.login-card {
  width: 100%;
  max-width: 420px;
  background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
  border: 1px solid var(--line);
  border-radius: 24px;
  backdrop-filter: blur(18px);
  box-shadow: 0 40px 100px rgba(0,0,0,0.6);
  overflow: hidden;
  animation: fadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.login-head {
  text-align: center;
  padding: 40px 32px 24px;
}

.login-icon {
  width: 70px; height: 70px;
  margin: 0 auto 20px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: var(--grad-btn);
  box-shadow: 0 0 40px rgba(255,255,255,0.22);
}

.login-icon svg { width: 32px; height: 32px; }

.login-head h1 {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.5px;
  background: var(--grad-w);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.login-head p { color: var(--txt-2); font-size: 13.5px; margin-top: 8px; }

.login-body { padding: 8px 32px 32px; }

.field-group { margin-bottom: 16px; }

.field-label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--txt-2);
  margin-bottom: 8px;
}

.field-label svg { width: 13px; height: 13px; }

.field-input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,0.45);
  color: #eee;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color 0.25s, box-shadow 0.25s;
}

.field-input:focus {
  border-color: rgba(255,255,255,0.35);
  box-shadow: 0 0 0 3px rgba(255,255,255,0.06);
}

.field-input::placeholder { color: var(--txt-3); }

.login-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 22px;
  background: rgba(0,0,0,0.4);
  padding: 5px;
  border-radius: 12px;
  border: 1px solid var(--line);
}

.login-tab {
  flex: 1;
  padding: 10px;
  border: none;
  border-radius: 9px;
  background: transparent;
  color: var(--txt-2);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s;
}

.login-tab.active { background: rgba(255,255,255,0.1); color: #fff; }

.login-msg {
  display: none;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 13px;
  margin-bottom: 14px;
  border: 1px solid;
}

.login-msg.error { display: block; background: rgba(255,60,60,0.08); border-color: rgba(255,60,60,0.3); color: #ff9a9a; }
.login-msg.success { display: block; background: rgba(120,255,160,0.07); border-color: rgba(120,255,160,0.25); color: #9affc0; }

/* ===== UPLOAD PAGE ===== */
.upload-zone {
  border: 2px dashed var(--line-strong);
  border-radius: 16px;
  padding: 44px 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  background: rgba(255,255,255,0.015);
}

.upload-zone:hover, .upload-zone.dragover {
  border-color: rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.045);
}

.upload-zone svg { width: 32px; height: 32px; opacity: 0.7; margin-bottom: 10px; }

.upload-zone h3 { font-size: 16px; font-weight: 700; color: var(--txt-0); }
.upload-zone p { font-size: 12.5px; color: var(--txt-3); margin-top: 6px; }

.file-chip {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.05);
  margin-top: 14px;
}

.file-chip svg { width: 22px; height: 22px; flex-shrink: 0; }
.file-chip-info { flex: 1; min-width: 0; }
.file-chip-name { font-size: 13.5px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-chip-size { font-size: 11.5px; color: var(--txt-3); }

.roblox-profile {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--line-strong);
  background: linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02));
  margin-bottom: 18px;
}

.roblox-avatar {
  width: 56px; height: 56px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.25);
  object-fit: cover;
  background: #1a1a1a;
}

.roblox-profile-info h3 { font-size: 16px; font-weight: 700; color: #fff; }
.roblox-profile-info p { font-size: 12.5px; color: var(--txt-2); margin-top: 2px; }

.spinner {
  width: 52px; height: 52px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.1);
  border-top-color: #fff;
  animation: spin 0.9s linear infinite;
  margin: 0 auto 18px;
}

@keyframes spin { to { transform: rotate(360deg); } }

.loading-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0,0,0,0.82);
  backdrop-filter: blur(10px);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 24px;
}

.loading-overlay.show { display: flex; }

.loading-overlay h2 { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.loading-overlay p { color: var(--txt-2); font-size: 13.5px; max-width: 340px; }

.result-asset {
  text-align: center;
  padding: 28px 20px;
  border-radius: 16px;
  border: 1px solid rgba(120,255,160,0.25);
  background: rgba(120,255,160,0.05);
}

.result-asset h2 {
  font-size: 20px;
  font-weight: 800;
  background: linear-gradient(135deg, #d6ffe4, #7dffb0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 6px;
}

.result-asset .asset-id {
  font-family: var(--mono);
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  margin: 12px 0;
}

/* ===== VIP PRICING ===== */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 18px;
  margin-top: 26px;
}

.price-card {
  position: relative;
  background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 28px 24px;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.3s, box-shadow 0.3s;
  overflow: hidden;
}

.price-card:hover {
  transform: translateY(-6px);
  border-color: var(--line-strong);
  box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 40px rgba(255,255,255,0.05);
}

.price-card.popular {
  border-color: rgba(255,255,255,0.35);
  background: linear-gradient(160deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03));
}

.price-badge {
  position: absolute;
  top: 16px; right: 16px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1.5px;
  padding: 4px 10px;
  border-radius: 100px;
  background: var(--grad-btn);
  color: #0a0a0a;
}

.price-card h3 { font-size: 15px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--txt-1); }

.price-amount {
  font-size: 40px;
  font-weight: 800;
  margin: 14px 0 4px;
  background: var(--grad-w);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.price-amount small { font-size: 15px; font-weight: 600; }

.price-period { font-size: 12px; color: var(--txt-3); margin-bottom: 18px; }

.price-feats { list-style: none; margin-bottom: 22px; }

.price-feats li {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: var(--txt-1);
  padding: 6px 0;
}

.price-feats li svg { width: 15px; height: 15px; flex-shrink: 0; opacity: 0.85; }

.btn-price {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px;
  border-radius: 11px;
  border: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.06);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s;
  text-decoration: none;
}

.btn-price svg { width: 15px; height: 15px; }
.btn-price:hover { background: var(--grad-btn); color: #0a0a0a; border-color: transparent; }

/* ===== DASHBOARD ===== */
.dash-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 26px;
}

.dash-stat {
  padding: 22px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
  display: flex;
  align-items: center;
  gap: 16px;
}

.dash-stat-icon {
  width: 48px; height: 48px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: var(--grad-btn);
  flex-shrink: 0;
}

.dash-stat-icon svg { width: 22px; height: 22px; }

.dash-stat b { font-size: 24px; font-weight: 800; display: block; color: #fff; }
.dash-stat span { font-size: 11.5px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--txt-3); }

.dash-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.dash-table th {
  text-align: left;
  padding: 12px 14px;
  font-size: 10.5px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--txt-3);
  border-bottom: 1px solid var(--line-strong);
}

.dash-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  color: var(--txt-1);
  font-family: var(--mono);
  font-size: 12px;
}

.dash-table tr:hover td { background: rgba(255,255,255,0.02); }

.table-wrap { overflow-x: auto; }

/* ===== RESPONSIVE SIDEBAR ===== */
@media (max-width: 900px) {
  .sidebar { transform: translateX(-100%); }
  .sidebar.open { transform: translateX(0); }
  .main-content { margin-left: 0; }
  .hamburger { display: flex; }
  .sidebar-overlay.show { display: block; }
}

/* ===== FINAL RESPONSIVE POLISH ===== */
html, body { min-width: 0; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
button, a, input, textarea { -webkit-tap-highlight-color: transparent; }
.sidebar { will-change: transform; }
.main-content { width: calc(100% - 260px); }

@media (max-width: 900px) {
  .main-content { width: 100%; }
  .hero { padding-left: 8px; padding-right: 8px; }
}

@media (max-width: 600px) {
  .container { width: calc(100% - 20px); padding-top: 12px; }
  .hero { width: calc(100% - 20px); padding-top: 76px; padding-bottom: 22px; }
  .hero h1 { font-size: clamp(42px, 14vw, 62px); line-height: .98; }
  .hero p { font-size: 13px; }
  .card { border-radius: 16px; }
  .card-head { padding: 14px 15px; }
  .editor-wrap textarea { min-height: 270px; font-size: 12px; }
  .btn-encrypt { min-height: 48px; }
  .footer { width: calc(100% - 20px); padding-bottom: 24px; }

  .login-wrap { min-height: 100dvh; padding: 18px 12px; align-items: center; }
  .login-card { max-width: 460px; border-radius: 20px; }
  .login-head { padding: 30px 22px 18px; }
  .login-body { padding: 6px 20px 22px; }
  .login-icon { width: 60px; height: 60px; border-radius: 17px; margin-bottom: 16px; }
  .login-head h1 { font-size: 24px; margin: 0; }
  .login-head p { font-size: 12px; line-height: 1.55; }
  .field-input { min-height: 48px; }

  .dash-stats { grid-template-columns: 1fr; gap: 10px; }
  .dash-stat { padding: 16px; }
  .vip-admin-grid { gap: 12px; }
  .admin-card { padding: 17px; }
  .admin-actions > * { flex: 1 1 160px; }
  .dash-table { min-width: 620px; }
  .table-wrap { border-radius: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.hero-actions .btn-admin{min-width:135px;text-decoration:none}
@media(max-width:480px){.hero-actions .btn-admin{width:100%;max-width:320px}}

.site-stats{
  width:min(900px,calc(100% - 40px));
  margin:-8px auto 22px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.site-stat{
  min-width:0;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  text-align:center;
}
.site-stat-label,.site-stat-caption{display:block;color:var(--txt-3);font-size:10px;letter-spacing:.8px;text-transform:uppercase}
.site-stat strong{display:block;margin:5px 0 3px;color:#fff;font:700 23px var(--mono)}
.site-stat-caption{font-size:9px;letter-spacing:.5px}
@media(max-width:600px){
  .site-stats{width:calc(100% - 24px);gap:8px;margin-top:-4px}
  .site-stat{padding:12px 6px;border-radius:12px}
  .site-stat-label{font-size:8px;letter-spacing:.35px}
  .site-stat strong{font-size:18px}
  .site-stat-caption{font-size:8px}
}

/* XEncrypt unified branding */
.brand-icon{overflow:hidden;padding:0;background:#090909;border:1px solid rgba(255,255,255,.12)}
.brand-icon img{border-radius:9px}
.sidebar-brand:hover .brand-icon{transform:translateY(-1px);box-shadow:0 10px 28px rgba(255,255,255,.13)}
.brand-icon{transition:transform .18s ease,box-shadow .18s ease}


/* ===== ICON SYSTEM v2.6 (fixed: icons back to normal compact size) ===== */
.login-icon.login-brand-icon{
  width:40px;height:40px;padding:0;border-radius:12px;
  background:linear-gradient(145deg,#ffffff,#bdbdbd);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 25px rgba(0,0,0,.25),0 0 16px rgba(255,255,255,.08);
}
.login-brand-icon img{width:28px;height:28px;display:block;border-radius:8px;margin:auto}
.login-icon.login-brand-icon svg{width:24px;height:24px}
.result-icon.result-brand-icon{width:46px;height:46px;border-radius:14px;padding:0}
.result-brand-icon img,.result-brand-icon svg{width:22px;height:22px}
.card-title svg,.field-label svg,.hint svg,.out-label svg,.btn-encrypt svg,.btn-copy svg{
  flex:none;display:block;width:16px;height:16px;
}
.brand-icon img{width:28px;height:28px}

/* Never turn branding into a large illustration. Icons stay compact. */
img[alt="icon"],img[alt="logo"]{max-width:28px;height:auto}
@media(max-width:600px){
  .login-icon.login-brand-icon{width:38px;height:38px;border-radius:11px}
  .result-icon.result-brand-icon{width:42px;height:42px;border-radius:13px}
}


/* ===== V2.6 FINAL UI OVERRIDES ===== */
.hero{padding-left:0;padding-right:0}
.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1080px;margin:0 auto 34px;padding:0 20px}
.brand-line{display:flex;align-items:center;gap:11px;text-align:left}
.brand-line img{width:42px;height:42px;border-radius:12px;display:block}
.brand-line strong{display:block;font-size:14px;letter-spacing:2px;color:#fff}
.brand-line span{display:block;margin-top:2px;color:#777;font-size:10px}
.version-pill{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);padding:8px 11px;border-radius:999px;color:#aaa;font:600 10px var(--mono);letter-spacing:.6px}
.hero h1{font-size:clamp(42px,8vw,76px);letter-spacing:-3px}
.hero h1 span{background:linear-gradient(90deg,#fff,#777);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-actions .btn-admin.primary{background:#fff;color:#080808;border-color:#fff}
.editor-card{box-shadow:0 30px 80px rgba(0,0,0,.28)}
.result-mark{width:46px;height:46px;border-radius:13px;overflow:hidden;flex:none;background:#fff;display:grid;place-items:center}
.result-mark img{width:100%;height:100%;display:block}
.result-icon,.result-brand-icon{padding:0}
.result-icon svg,.result-brand-icon svg{display:none!important}
@media(max-width:600px){
 .hero-topline{padding:0 14px;margin-bottom:24px}
 .brand-line img{width:38px;height:38px;border-radius:11px}
 .version-pill{font-size:9px;padding:7px 9px}
 .hero h1{letter-spacing:-2px}
 .hero-actions{padding:0 14px}
 .hero-actions .btn-admin{width:100%;max-width:360px}
}


/* ===== V2.6 RESULT PAGE ===== */
.view-wrap{min-height:100dvh;display:grid;place-items:center;padding:28px 14px}
.view-card{width:min(920px,100%);border:1px solid var(--line);border-radius:22px;background:rgba(14,14,14,.88);box-shadow:0 30px 90px rgba(0,0,0,.42);overflow:hidden}
.view-head{text-align:center;padding:30px 24px 22px;border-bottom:1px solid var(--line)}
.view-head h1{margin:12px 0 7px;font-size:clamp(20px,4vw,30px);letter-spacing:-.6px}
.view-head p{margin:0;color:var(--txt-2);font-size:12px;line-height:1.6}
.view-head .result-brand-icon{width:40px;height:40px;padding:0;border-radius:12px;background:#fff;display:grid;place-items:center;margin:0 auto;overflow:hidden}
.result-brand-icon img{width:100%;height:100%;display:block}
.view-body{padding:22px}
.script-preview{max-height:300px;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:12px;background:#080808;color:#cfcfcf;font:12px/1.7 var(--mono);white-space:pre-wrap;word-break:break-word}
.view-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.view-actions .btn-solid,.view-actions .btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.error-box{text-align:center;padding:54px 22px}.error-box h1{margin:0 0 8px}.error-box p{color:var(--txt-2);margin:0 0 22px}
@media(max-width:600px){.view-wrap{padding:14px 10px}.view-head{padding:24px 16px 18px}.view-head .result-brand-icon{width:36px;height:36px;border-radius:11px}.view-body{padding:14px}.script-preview{max-height:240px}.view-actions>*{width:100%}}


/* ===== NEO-BRUTALISM UI REFRESH + CUSTOM ACCENT ===== */
:root{
  --bg:#f7f4ec;--bg-2:#f7f4ec;--panel:#fffdf7;
  --txt-0:#171717;--txt-1:#262626;--txt-2:#4a4a4a;--txt-3:#666;
  --line:#171717;--line-strong:#171717;
  --accent:#c7f464;--accent-ink:#171717;--neo-shadow:5px 5px 0 #171717;
  --grad-w:linear-gradient(135deg,var(--accent),var(--accent));
  --grad-btn:linear-gradient(135deg,var(--accent),var(--accent));
  --shadow:var(--neo-shadow);
}
body{background:var(--bg);color:var(--txt-0)}
.bg-orbs,.bg-noise{display:none}
.bg-grid{opacity:.22;background-image:linear-gradient(#17171712 1px,transparent 1px),linear-gradient(90deg,#17171712 1px,transparent 1px);background-size:28px 28px;mask-image:none}
.card,.site-stat,.dash-stat,.music-card,.auth-card,.admin-card,.vip-card,.upload-card,.chat-panel{
 background:var(--panel)!important;border:2px solid #171717!important;border-radius:4px!important;box-shadow:var(--neo-shadow)!important;backdrop-filter:none!important
}
.card-head{border-bottom:2px solid #171717}
.hero h1{background:none!important;-webkit-text-fill-color:var(--txt-0)!important;color:var(--txt-0);letter-spacing:-2px}
.hero h1 span{background:var(--accent);border:2px solid #171717;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-badge,.version-pill,.char-count{border:2px solid #171717!important;border-radius:3px!important;background:var(--accent)!important;color:#171717!important;backdrop-filter:none!important}
.btn-encrypt,.btn-admin,.btn-solid,.btn-primary,.btn-vip,.button,.btn,.nav-link,.sidebar-link{
 border:2px solid #171717!important;border-radius:3px!important;box-shadow:3px 3px 0 #171717!important;transition:transform .12s,box-shadow .12s!important
}
.btn-encrypt,.btn-admin.primary,.btn-solid,.btn-primary{background:var(--accent)!important;color:#171717!important}
.btn-encrypt:hover,.btn-admin:hover,.btn-solid:hover,.btn-primary:hover,.btn-vip:hover,.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #171717!important}
input,textarea,select,.admin-input,.editor-wrap textarea{border:2px solid #171717!important;border-radius:3px!important;background:#fff!important;color:#171717!important;box-shadow:2px 2px 0 #171717!important}
input:focus,textarea:focus,select:focus{outline:3px solid var(--accent)!important;outline-offset:1px}
.site-stat strong,.dash-stat b,.stat-value{color:#171717}
.site-stat-label,.site-stat-caption,.dash-stat span{color:#424242}
hr,.divider{border-color:#171717}
a{ text-underline-offset:3px}
.neo-theme-control{position:fixed;right:14px;bottom:14px;z-index:9999;font-family:"Space Grotesk",sans-serif;color:#171717}
.neo-theme-toggle{border:2px solid #171717;background:var(--accent);color:#171717;font-weight:800;padding:11px 14px;box-shadow:4px 4px 0 #171717;border-radius:3px;cursor:pointer}
.neo-theme-panel{display:none;width:230px;margin-bottom:10px;padding:14px;background:#fffdf7;border:2px solid #171717;box-shadow:5px 5px 0 #171717}
.neo-theme-panel.open{display:block}
.neo-theme-panel strong{display:block;font-size:13px;margin-bottom:10px}
.neo-theme-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0}
.neo-swatch{width:32px;height:32px;border:2px solid #171717;box-shadow:2px 2px 0 #171717;cursor:pointer}
.neo-swatch[aria-pressed="true"]{outline:3px solid #171717;outline-offset:2px}
.neo-color-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}
.neo-color-row input{width:45px;height:34px;padding:2px;border:2px solid #171717}
.neo-reset{width:100%;margin-top:10px;padding:8px;border:2px solid #171717;background:#eee;font-weight:700;cursor:pointer}
@media(max-width:600px){.neo-theme-control{right:10px;bottom:10px}.neo-theme-panel{width:210px}.hero h1{letter-spacing:-1px}}

/* ===== COMPLETE NEO-BRUTALIST SYSTEM: ALL PAGES + SIDEBAR ===== */
:root{
  --neo-ink:#171717;
  --neo-paper:#f7f4ec;
  --neo-surface:#fffdf7;
  --neo-muted:#514d45;
  --neo-shadow:4px 4px 0 var(--neo-ink);
  --neo-shadow-small:3px 3px 0 var(--neo-ink);
}
body{
  background-color:var(--neo-paper)!important;
  color:var(--neo-ink)!important;
}
::selection{background:var(--accent);color:var(--neo-ink)}
.bg-grid{
  opacity:.16!important;
  background-image:linear-gradient(#17171712 1px,transparent 1px),linear-gradient(90deg,#17171712 1px,transparent 1px)!important;
  background-size:28px 28px!important;
}
h1,h2,h3,h4,strong,b{color:var(--neo-ink)}
.hero h1,.music-head h1,.view-head h1{
  color:var(--neo-ink)!important;
  -webkit-text-fill-color:var(--neo-ink)!important;
  text-shadow:none!important;
}
.hero h1 span{
  color:var(--neo-ink)!important;
  -webkit-text-fill-color:var(--neo-ink)!important;
  background:var(--accent)!important;
  border:2px solid var(--neo-ink)!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.hero p,.music-head p,.view-head p,.admin-card>p,.price-period,
.user-chip-sub,.brand-line span,.source-note,.queue,.duration{
  color:var(--neo-muted)!important;
}

/* Shared cards and information panels */
.card,.site-stat,.dash-stat,.login-card,.view-card,.price-card,
.music-panel,.chat-app,.chat-left,.chat-right,.modal-card,.mini-player,
.upload-zone,.panel-card,.result-banner,.result-asset,.vip-result,
.admin-note,.file-chip,.roblox-profile,.stat,.out-box,.login-msg{
  background:var(--neo-surface)!important;
  color:var(--neo-ink)!important;
  border:2px solid var(--neo-ink)!important;
  border-radius:4px!important;
  box-shadow:var(--neo-shadow)!important;
  backdrop-filter:none!important;
}
.card-head,.login-head,.view-head,.section-title,.chat-brand,.chat-top,
.chat-compose,.lyrics,.sidebar-brand,.sidebar-foot{
  border-color:var(--neo-ink)!important;
}
.card-head,.section-title,.login-head,.view-head,.chat-brand,.chat-top{
  border-bottom-width:2px!important;
}
.result-banner,.out-box,.result-asset,.file-chip,.roblox-profile,.stat{
  box-shadow:var(--neo-shadow-small)!important;
}
.view-card{overflow:hidden}
.view-head,.login-head{background:var(--accent)!important}
.script-preview{
  background:#202020!important;color:#f7f4ec!important;
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  box-shadow:var(--neo-shadow-small)!important;
}
.result-banner p,.result-asset p,.error-box p{color:var(--neo-muted)!important}
.result-icon,.result-mark,.login-icon.login-brand-icon{
  background:var(--accent)!important;border:2px solid var(--neo-ink)!important;
  border-radius:3px!important;box-shadow:var(--neo-shadow-small)!important;
}
.site-stat strong,.dash-stat b,.stat-value,.price-amount,.brand-line strong,
.dev-name,.file-chip-name,.roblox-profile-info h3,.price-card h3,
.chat-brand h1,.chat-row b,.chat-top h2,.profile-panel h3,.now-title,
.track-info b,.empty strong,.user-chip-name,.card-title,.out-label,
.field-label,.admin-label,.dash-table th,.view-head h1{
  color:var(--neo-ink)!important;
}
.site-stat-label,.site-stat-caption,.dash-stat span,.field-label,
.price-feats li,.credential span,.track-info span,.now-artist,
.lyrics-line,.chat-row span,.chat-top p,.msg small,.empty,
.profile-panel .handle,.profile-panel .bio,.panel-card h4,
.chat-brand p,.reply-chip,.times,.neo-theme-panel{
  color:var(--neo-muted)!important;
}
.hero-badge,.version-pill,.char-count,.vip-pill,.badge-vip{
  background:var(--accent)!important;color:var(--neo-ink)!important;
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  box-shadow:var(--neo-shadow-small)!important;backdrop-filter:none!important;
}
.free-pill,.badge-free{
  background:var(--neo-surface)!important;color:var(--neo-ink)!important;
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
}

/* High-contrast controls across forms, music, chat, and dashboards */
input,textarea,select,.admin-input,.field-input,.chat-search,
.compose-row textarea,.modal-card input,.modal-card textarea,
.music-search input{
  background:var(--neo-surface)!important;color:var(--neo-ink)!important;
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  box-shadow:2px 2px 0 var(--neo-ink)!important;
}
input::placeholder,textarea::placeholder{color:#6b675f!important;opacity:1}
input:focus,textarea:focus,select:focus{
  outline:3px solid var(--accent)!important;outline-offset:1px;
}
button,.btn-encrypt,.btn-admin,.btn-solid,.btn-ghost,.btn-price,.btn-copy,
.btn-logout,.icon-btn,.send-btn,.chat-tabs button,.toolrow button,
.controls button,.neo-reset,.neo-theme-toggle,.neo-swatch{
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  box-shadow:var(--neo-shadow-small)!important;
}
.btn-encrypt,.btn-admin.primary,.btn-solid,.btn-price,.send-btn,
.chat-tabs button.active,.controls .play,.neo-theme-toggle{
  background:var(--accent)!important;color:var(--neo-ink)!important;
}
.btn-admin,.btn-ghost,.btn-copy,.icon-btn,.chat-tabs button,
.toolrow button,.controls button,.neo-reset{
  background:var(--neo-surface)!important;color:var(--neo-ink)!important;
}
button:hover,.btn-encrypt:hover,.btn-admin:hover,.btn-solid:hover,
.btn-ghost:hover,.btn-price:hover,.btn-copy:hover,.icon-btn:hover,
.send-btn:hover,.chat-tabs button:hover,.toolrow button:hover,
.controls button:hover,.neo-reset:hover{
  transform:translate(2px,2px)!important;
  box-shadow:1px 1px 0 var(--neo-ink)!important;
}
button:disabled,.btn-encrypt:disabled{transform:none!important;box-shadow:none!important}
.btn-copy.copied{background:var(--accent)!important;color:var(--neo-ink)!important}
.login-tab,.login-tab.active{
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  box-shadow:2px 2px 0 var(--neo-ink)!important;color:var(--neo-ink)!important;
}
.login-tab.active{background:var(--accent)!important}
.login-msg.error{background:#ffe1dc!important;color:#842d20!important}
.login-msg.success{background:#dcf7c6!important;color:#245b2d!important}
.dash-table th,.dash-table td{border-color:var(--neo-ink)!important;color:var(--neo-ink)!important}
.dash-table tr:hover td{background:#f1eddc!important}
.table-wrap{border:2px solid var(--neo-ink)!important;border-radius:3px!important}
.admin-note{border-style:solid!important}
.vip-result{background:#f3f0e6!important}
.spinner{border-color:#17171733!important;border-top-color:var(--neo-ink)!important}

/* Sidebar: matching paper surface, ink outline, square active state */
.sidebar{
  background:var(--neo-surface)!important;
  border-right:3px solid var(--neo-ink)!important;
  box-shadow:4px 0 0 var(--neo-ink)!important;
}
.sidebar-brand{border-bottom:2px solid var(--neo-ink)!important}
.brand-icon{
  background:var(--accent)!important;border:2px solid var(--neo-ink)!important;
  border-radius:3px!important;box-shadow:var(--neo-shadow-small)!important;
}
.brand-text{color:var(--neo-ink)!important;letter-spacing:1.5px!important}
.nav-section{color:var(--neo-muted)!important;letter-spacing:1.5px!important}
.nav-item{
  color:var(--neo-ink)!important;border:2px solid transparent!important;
  border-radius:3px!important;font-weight:700!important;
}
.nav-item svg{opacity:1!important}
.nav-item:hover{
  background:#f1eddc!important;border-color:var(--neo-ink)!important;
  color:var(--neo-ink)!important;transform:translate(2px,0)!important;
}
.nav-item.active{
  background:var(--accent)!important;border:2px solid var(--neo-ink)!important;
  color:var(--neo-ink)!important;box-shadow:var(--neo-shadow-small)!important;
}
.sidebar-foot{border-top:2px solid var(--neo-ink)!important}
.user-chip{
  background:var(--neo-surface)!important;border:2px solid var(--neo-ink)!important;
  border-radius:3px!important;box-shadow:var(--neo-shadow-small)!important;
}
.user-chip-name{color:var(--neo-ink)!important}
.dev-avatar{background:var(--accent)!important;border:2px solid var(--neo-ink)!important;border-radius:3px!important}
.badge-vip,.badge-free{font-size:9px!important;letter-spacing:.5px!important}
.btn-logout{
  background:var(--neo-ink)!important;color:var(--neo-surface)!important;
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  box-shadow:var(--neo-shadow-small)!important;
}
.btn-logout:hover{background:#ffe1dc!important;color:var(--neo-ink)!important}
.hamburger{
  background:var(--accent)!important;border:2px solid var(--neo-ink)!important;
  border-radius:3px!important;box-shadow:var(--neo-shadow)!important;
  backdrop-filter:none!important;
}
.hamburger svg{color:var(--neo-ink)!important}
.sidebar-overlay{background:#17171766!important;backdrop-filter:none!important}

/* Chat and music have page-local styles; normalize their nested surfaces too */
.chat-app{background:var(--neo-paper)!important;border-width:3px!important}
.chat-left,.chat-right{background:var(--neo-surface)!important;box-shadow:none!important}
.chat-left{border-right:2px solid var(--neo-ink)!important}
.chat-right{border-left:2px solid var(--neo-ink)!important}
.chat-main{background:var(--neo-paper)!important}
.chat-compose{background:#f1eddc!important;border-top:2px solid var(--neo-ink)!important}
.messages{background:var(--neo-paper)!important}
.chat-row{
  border:2px solid transparent!important;border-radius:3px!important;
}
.chat-row:hover,.chat-row.active{
  background:var(--accent)!important;border-color:var(--neo-ink)!important;
}
.avatar,.profile-avatar,.cover,.now-cover,.mini-cover{
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  background:var(--accent)!important;color:var(--neo-ink)!important;
}
.profile-cover{background:var(--accent)!important;border:2px solid var(--neo-ink)!important;border-radius:3px!important}
.msg-bubble{
  background:var(--neo-surface)!important;color:var(--neo-ink)!important;
  border:2px solid var(--neo-ink)!important;border-radius:3px!important;
  box-shadow:2px 2px 0 var(--neo-ink)!important;
}
.mine .msg-bubble{background:var(--accent)!important;color:var(--neo-ink)!important}
.reply-chip{border-left:3px solid var(--neo-ink)!important}
.panel-card{background:#f1eddc!important;box-shadow:var(--neo-shadow-small)!important}
.empty{color:var(--neo-muted)!important}
.music-panel{overflow:hidden}
.track{
  background:var(--neo-surface)!important;border:2px solid transparent!important;
  border-radius:3px!important;
}
.track:hover,.track.active{background:var(--accent)!important;border-color:var(--neo-ink)!important}
.progress{accent-color:var(--neo-ink)!important}
.lyrics-line.active{color:var(--neo-ink)!important;background:var(--accent)!important}
.mini-player{background:var(--neo-surface)!important}
.controls .play{width:56px;height:56px}
.neo-theme-panel{
  background:var(--neo-surface)!important;border:2px solid var(--neo-ink)!important;
  border-radius:3px!important;box-shadow:var(--neo-shadow)!important;
}
.neo-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0}
.neo-swatch{border-radius:3px!important}
.neo-reset{width:100%;margin-top:10px;padding:8px}
@media(max-width:900px){
  .sidebar{box-shadow:4px 0 0 var(--neo-ink)!important}
  .chat-app{box-shadow:none!important}
}
@media(max-width:600px){
  .card,.site-stat,.dash-stat,.login-card,.view-card,.price-card,
  .music-panel,.chat-app,.modal-card,.mini-player,.upload-zone{
    box-shadow:3px 3px 0 var(--neo-ink)!important;
  }
  .chat-app{border-left:0!important;border-right:0!important}
  .hero-badge{font-size:9px!important}
}