:root{
  --bg:#050b14;--panel:#0a1626;--panel2:#0e1d31;--text:#f8fbff;--muted:#aebdce;
  --gold:#ffbe18;--gold2:#ffe477;--line:rgba(255,196,38,.44);--green:#18e68f;--red:#ff4865;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:
radial-gradient(circle at 15% 10%,rgba(255,176,0,.13),transparent 28rem),
linear-gradient(180deg,#06101d,#050b14);color:var(--text)}
a{color:inherit;text-decoration:none}button,input{font:inherit}
.admin-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}
.admin-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;
border-bottom:1px solid var(--line);background:rgba(4,11,21,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
.admin-brand{display:flex;align-items:center;gap:14px}.admin-brand img{width:54px}.admin-brand strong{display:block}.admin-brand span{color:var(--muted);font-size:.8rem}
.admin-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 56px}
.auth-wrap{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:28px}
.auth-card,.admin-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,29,49,.96),rgba(6,15,27,.98));
box-shadow:0 20px 56px rgba(0,0,0,.42),0 0 40px rgba(255,155,0,.12);border-radius:22px}
.auth-card{width:min(460px,100%);padding:30px}.auth-logo{width:210px;margin:0 auto 18px}
.auth-card h1{margin:0 0 8px;text-align:center}.auth-card .lead{text-align:center;color:var(--muted);margin:0 0 24px}
.form-grid{display:grid;gap:12px}.form-grid label{font-weight:700;font-size:.9rem}.form-grid input{
width:100%;border:1px solid rgba(255,207,74,.32);border-radius:12px;background:#06101d;color:#fff;padding:12px 13px;outline:none}
.form-grid input:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(255,190,24,.09)}
.primary-btn,.ghost-btn{border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}
.primary-btn{border:0;background:linear-gradient(135deg,#ffe477,#ffbd18 52%,#ff8a00);color:#17120a}
.ghost-btn{border:1px solid rgba(255,207,74,.38);background:rgba(255,255,255,.04);color:#fff}
.form-status{min-height:1.4em;color:var(--muted);margin:4px 0 0}.form-status.error{color:#ff8195}.form-status.ok{color:#6af2b5}
.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.admin-header h1{margin:0;font-size:clamp(2rem,4vw,3.2rem)}.admin-header h1 span{color:var(--gold2)}
.admin-header p{margin:7px 0 0;color:var(--muted)}
.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(24,230,143,.35);background:rgba(24,230,143,.08);padding:9px 12px;border-radius:999px;font-size:.85rem}
.status-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(24,230,143,.7)}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-card{padding:20px}.admin-card h2,.admin-card h3{margin-top:0}.admin-card p{color:var(--muted);line-height:1.55}
.metric{font-size:1.7rem;font-weight:800;color:var(--gold2)}.metric small{display:block;font-size:.75rem;color:var(--muted);font-weight:600;margin-top:4px}
.admin-card.wide{grid-column:span 2}.admin-card.full{grid-column:1/-1}
.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 14px;font-size:.92rem}.kv dt{color:var(--muted)}.kv dd{margin:0}
.lock-note{padding:12px 14px;border:1px solid rgba(255,193,50,.25);border-radius:12px;background:rgba(255,193,50,.06);color:#f7eec8}
.change-password{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.change-password input{min-width:0}
.admin-actions{display:flex;gap:10px;align-items:center}
@media(max-width:850px){.admin-grid{grid-template-columns:1fr}.admin-card.wide{grid-column:auto}.change-password{grid-template-columns:1fr}.admin-topbar{padding:0 16px}.admin-main{width:min(100% - 22px,1180px)}}
.cms-panel{scroll-margin-top:92px}
.cms-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.cms-head h2{margin:0}.cms-head p{margin:5px 0 0}
.cms-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cms-form-grid.one{grid-template-columns:1fr}
.cms-form-grid label,.list-row label{display:grid;gap:6px;color:#dfe8f3;font-size:.82rem;font-weight:700}
.cms-form-grid input,.cms-form-grid textarea,.list-row input,.list-row textarea,.list-row select{
width:100%;border:1px solid rgba(255,207,74,.27);border-radius:10px;background:#06101d;color:#fff;padding:10px 11px;outline:none}
.cms-form-grid textarea,.list-row textarea{resize:vertical}
.toggle-line{display:flex!important;grid-column:1/-1;align-items:center;gap:9px}.toggle-line input{width:auto}
.list-editor{display:grid;gap:10px}
.list-row{display:grid;grid-template-columns:80px 80px 1.2fr 1fr 90px auto;gap:9px;align-items:end;padding:12px;border:1px solid rgba(255,196,38,.20);border-radius:14px;background:rgba(4,12,22,.45)}
.list-row.shows{grid-template-columns:120px 1fr 2fr 90px auto}
.list-row.djs{grid-template-columns:1fr 1fr 130px 1fr 90px auto}
.row-remove{border:1px solid rgba(255,72,101,.38);background:rgba(255,72,101,.09);color:#ff9bac;border-radius:9px;padding:10px 11px;cursor:pointer}
.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.feature-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,196,38,.18);border-radius:11px;background:rgba(4,12,22,.4)}
.feature-toggle input{width:18px;height:18px}
@media(max-width:850px){.cms-form-grid,.toggle-grid{grid-template-columns:1fr}.cms-head{flex-direction:column}.list-row,.list-row.shows,.list-row.djs{grid-template-columns:1fr}.admin-actions{flex-wrap:wrap}}

.ad-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ad-admin-card{padding:16px;border:1px solid rgba(255,196,38,.20);border-radius:16px;background:rgba(4,12,22,.42)}
.ad-admin-card h3{margin:0 0 14px;color:var(--gold2)}
.cms-form-grid select{
  width:100%;border:1px solid rgba(255,207,74,.27);border-radius:10px;
  background:#06101d;color:#fff;padding:10px 11px;outline:none
}
@media(max-width:850px){.ad-admin-grid{grid-template-columns:1fr}}


/* ===== TRANSPARENT ADMIN LOGO LOCK ===== */
.admin-brand img,
.auth-logo {
  background: transparent !important;
  background-color: transparent !important;
  object-fit: contain;
}


/* ===== LIFE STYLE ADMIN CONTROLS ===== */
.lifestyle-admin-section{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,196,38,.20)}
.cms-head.compact{margin-bottom:12px}
#lifestyleSourcesEditor,#lifestyleArticlesEditor{display:grid;gap:10px}
.lifestyle-source-row{
  display:grid;
  grid-template-columns:minmax(130px,.9fr) minmax(180px,1.25fr) minmax(220px,1.7fr) 130px 90px 90px 80px auto;
  gap:8px;align-items:end;padding:12px;border:1px solid rgba(255,196,38,.18);
  border-radius:14px;background:rgba(4,12,22,.42)
}
.lifestyle-source-row label{display:grid;gap:5px;color:#dfe8f3;font-size:.75rem;font-weight:700}
.lifestyle-source-row input,.lifestyle-source-row select{
  width:100%;min-width:0;border:1px solid rgba(255,207,74,.27);border-radius:9px;
  background:#06101d;color:#fff;padding:9px 10px
}
.lifestyle-source-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.75rem}
.lifestyle-source-meta .error{color:#ff91a2}
.lifestyle-row-actions{display:flex;gap:6px;align-items:center}
.lifestyle-article-admin-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;
  padding:11px 12px;border:1px solid rgba(255,196,38,.16);border-radius:12px;background:rgba(4,12,22,.38)
}
.lifestyle-article-admin-row strong{display:block;margin-bottom:4px}
.lifestyle-article-admin-row small{color:var(--muted)}
.lifestyle-article-admin-row label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700}
@media(max-width:1200px){.lifestyle-source-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lifestyle-source-row,.lifestyle-article-admin-row{grid-template-columns:1fr}}


/* ===== CHAT MODERATION ADMIN ===== */
.chat-admin-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}
.chat-admin-column{min-width:0}
.chat-admin-column h3{color:var(--gold2)}
.chat-admin-list{display:grid;gap:9px;max-height:620px;overflow:auto;padding-right:3px}
.chat-user-admin-row,.chat-message-admin-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:11px 12px;border:1px solid rgba(255,196,38,.16);border-radius:12px;background:rgba(4,12,22,.40)
}
.chat-message-admin-row.deleted{opacity:.52}
.chat-admin-main{min-width:0}
.chat-admin-main strong{display:block;color:#fff}
.chat-admin-main small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}
.chat-admin-main p{margin:5px 0 0;color:#dce5ef;overflow-wrap:anywhere}
.chat-admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.chat-admin-actions button{padding:8px 10px;font-size:.74rem}
.chat-state{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:999px;font-size:.66rem;font-weight:800}
.chat-state.active{color:#76f4ba;background:rgba(24,230,143,.09);border:1px solid rgba(24,230,143,.28)}
.chat-state.blocked{color:#ffd270;background:rgba(255,190,24,.09);border:1px solid rgba(255,190,24,.3)}
.chat-state.banned{color:#ff9daf;background:rgba(255,72,101,.09);border:1px solid rgba(255,72,101,.3)}
@media(max-width:950px){.chat-admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){.chat-user-admin-row,.chat-message-admin-row{grid-template-columns:1fr}.chat-admin-actions{justify-content:flex-start}}