/* ═══════════════════════════════════════════════════════════════
   CASINO ADMIN PANEL — Earthy Luxury Theme
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root{
  --bg-base:#0a1a12;--bg-card:#112218;--bg-sidebar:#0d2118;--bg-input:#0a1a12;
  --color-primary:#AAFFC7;--color-primary-light:#88ddb0;--color-primary-dark:#66cc8a;
  --color-accent:#d4ffe6;--color-accent-dark:#b0ffd4;
  --color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;
  --border-color:#1a3d28;--border-light:#2a5d38;
  --text-dark:#e8fff0;--text-muted:#7ab894;--text-light:#d4ffe6;
  --shadow-neu:6px 6px 14px rgba(0,0,0,.4),-4px -4px 10px rgba(170,255,199,.07);
  --shadow-inset:inset 3px 3px 6px rgba(0,0,0,.35),inset -2px -2px 5px rgba(170,255,199,.05);
  --radius:14px;--radius-sm:10px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg-base);color:var(--text-dark);min-height:100vh;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;font-weight:700}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg-base)}
::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px}

/* ═══ LAYOUT ═══ */
.admin-wrap{display:flex;min-height:100vh}

/* ═══ SIDEBAR ═══ */
.ad-sidebar{width:250px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .3s}
.ad-sidebar .brand{padding:20px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color)}
.ad-sidebar .brand .logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;font-family:'Outfit',sans-serif}
.ad-sidebar .brand h2{font-size:1.15rem;color:var(--text-dark);letter-spacing:.5px}
.ad-sidebar .brand span{color:var(--color-accent);font-size:.7rem;background:rgba(212,255,230,.12);padding:2px 7px;border-radius:6px;margin-left:4px}
.ad-profile{padding:16px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color)}
.ad-profile .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}
.ad-profile .info h4{font-size:.85rem;color:var(--text-dark)}
.ad-profile .info p{font-size:.7rem;color:var(--text-muted)}
.ad-nav{flex:1;overflow-y:auto;padding:10px 0}
.ad-nav .nav-section{padding:8px 18px 4px;font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600}
.ad-nav .nav-item{display:flex;align-items:center;gap:10px;padding:10px 18px;cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:500;transition:all .2s;border-left:3px solid transparent}
.ad-nav .nav-item:hover{color:var(--text-dark);background:rgba(170,255,199,.08)}
.ad-nav .nav-item.active{color:var(--color-accent);background:rgba(170,255,199,.12);border-left-color:var(--color-accent)}
.ad-nav .nav-item i{width:18px;text-align:center;font-size:.9rem}

/* ═══ MAIN AREA ═══ */
.ad-main{margin-left:250px;flex:1;display:flex;flex-direction:column;min-height:100vh}
.ad-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}
.ad-header h1{font-size:1.2rem;color:var(--text-dark)}
.ad-header .header-right{display:flex;align-items:center;gap:12px}
.ad-header .header-btn{width:36px;height:36px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.9rem}
.ad-header .header-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}
.ad-header .admin-chip{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:5px 12px 5px 6px}
.ad-header .admin-chip .av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}
.ad-header .admin-chip span{font-size:.8rem;color:var(--text-dark);font-weight:600}
.ad-content{flex:1;padding:22px 24px;overflow-y:auto}
.ad-view{display:none}
.ad-view.active{display:block}

/* ═══ METRIC CARDS ═══ */
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:22px}
.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-neu);position:relative;overflow:hidden}
.metric-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}
.metric-card .mc-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:10px}
.metric-card .mc-icon.purple{background:rgba(170,255,199,.15);color:var(--color-primary-light)}
.metric-card .mc-icon.gold{background:rgba(212,255,230,.12);color:var(--color-accent)}
.metric-card .mc-icon.green{background:rgba(16,185,129,.12);color:var(--color-success)}
.metric-card .mc-icon.red{background:rgba(239,68,68,.12);color:var(--color-danger)}
.metric-card .mc-label{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}
.metric-card .mc-value{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-dark)}
.metric-card .mc-change{font-size:.7rem;margin-top:6px;display:flex;align-items:center;gap:4px}
.metric-card .mc-change.up{color:var(--color-success)}
.metric-card .mc-change.down{color:var(--color-danger)}

/* ═══ CHARTS ═══ */
.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:22px}
.chart-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-neu)}
.chart-box h3{font-size:.95rem;margin-bottom:14px;color:var(--text-dark)}
.chart-box canvas{width:100%!important;max-height:220px}

/* ═══ CARDS / PANELS ═══ */
.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-neu);margin-bottom:18px}
.panel h3{font-size:1rem;margin-bottom:14px;color:var(--text-dark);display:flex;align-items:center;gap:8px}
.panel h3 i{color:var(--color-accent);font-size:.9rem}
.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.panel-header h3{margin-bottom:0}

/* ═══ BUTTONS ═══ */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}
.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 12px rgba(170,255,199,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(170,255,199,.45)}
.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#0a1a12;box-shadow:0 4px 12px rgba(212,255,230,.3)}
.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(212,255,230,.4)}
.btn-success{background:linear-gradient(135deg,var(--color-success),#059669);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}
.btn-success:hover{transform:translateY(-2px)}
.btn-danger{background:linear-gradient(135deg,var(--color-danger),#dc2626);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.3)}
.btn-danger:hover{transform:translateY(-2px)}
.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-muted)}
.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-light)}
.btn-sm{padding:5px 10px;font-size:.72rem;border-radius:8px}
.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px}

/* ═══ TABLES ═══ */
.tbl-wrap{overflow-x:auto}
table.ad-tbl{width:100%;border-collapse:collapse}
table.ad-tbl th{text-align:left;padding:10px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600}
table.ad-tbl td{padding:10px 12px;font-size:.82rem;color:var(--text-dark);border-bottom:1px solid rgba(61,36,16,.4)}
table.ad-tbl tr:hover td{background:rgba(170,255,199,.05)}
table.ad-tbl .actions{display:flex;gap:6px}

/* ═══ BADGES ═══ */
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600}
.badge-success{background:rgba(16,185,129,.12);color:var(--color-success)}
.badge-danger{background:rgba(239,68,68,.12);color:var(--color-danger)}
.badge-warning{background:rgba(245,158,11,.12);color:var(--color-warning)}
.badge-info{background:rgba(59,130,246,.12);color:var(--color-info)}
.badge-purple{background:rgba(170,255,199,.12);color:var(--color-primary-light)}
.badge-bkash{background:rgba(227,27,135,.12);color:#e31b87}
.badge-nagad{background:rgba(255,153,0,.12);color:#ff9900}
.badge-rocket{background:rgba(148,0,211,.12);color:#9400d3}

/* ═══ FORMS ═══ */
.fg{margin-bottom:14px}
.fg label{display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:5px;font-weight:500}
.fg input,.fg select,.fg textarea{width:100%;padding:9px 13px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dark);font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(170,255,199,.15)}
.fg textarea{resize:vertical;min-height:70px}
.fg input[type="color"]{width:50px;height:36px;padding:2px;cursor:pointer}
.fg .input-group{display:flex;gap:8px}
.fg .input-group input{flex:1}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.82rem;color:var(--text-dark)}
.form-check input[type="checkbox"]{width:16px;height:16px;accent-color:var(--color-primary)}
.toggle-sw{position:relative;width:44px;height:24px;display:inline-block}
.toggle-sw input{opacity:0;width:0;height:0}
.toggle-sw .slider{position:absolute;inset:0;background:var(--border-color);border-radius:24px;cursor:pointer;transition:.3s}
.toggle-sw .slider::before{content:'';position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.toggle-sw input:checked+.slider{background:var(--color-primary)}
.toggle-sw input:checked+.slider::before{transform:translateX(20px)}

/* ═══ MODALS ═══ */
.ad-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1000;align-items:center;justify-content:center}
.ad-modal-overlay.show{display:flex}
.ad-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ad-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-color)}
.ad-modal-head h3{font-size:1rem;color:var(--text-dark)}
.ad-modal-head .close-btn{width:30px;height:30px;border-radius:8px;background:rgba(239,68,68,.1);border:none;color:var(--color-danger);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.ad-modal-body{padding:18px}
.ad-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border-color)}

/* ═══ FILTER TABS ═══ */
.filter-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.filter-tab{padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);transition:all .2s}
.filter-tab:hover{border-color:var(--color-primary);color:var(--text-dark)}
.filter-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:7px 12px;margin-bottom:16px;max-width:340px}
.search-box i{color:var(--text-muted);font-size:.85rem}
.search-box input{border:none;background:transparent;color:var(--text-dark);font-size:.82rem;flex:1;outline:none;font-family:'Plus Jakarta Sans',sans-serif}

/* ═══ SETTINGS SUB-NAV ═══ */
.settings-nav{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid var(--border-color);padding-bottom:10px}
.settings-nav .s-tab{padding:7px 14px;border-radius:8px 8px 0 0;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--text-muted);border:1px solid transparent;transition:all .2s}
.settings-nav .s-tab:hover{color:var(--text-dark)}
.settings-nav .s-tab.active{color:var(--color-accent);border-color:var(--border-color);border-bottom-color:var(--bg-card);background:var(--bg-card)}
.s-panel{display:none}
.s-panel.active{display:block}

/* ═══ STAT CARDS ROW ═══ */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}
.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;text-align:center}
.stat-card .sc-val{font-family:'Outfit',sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-dark)}
.stat-card .sc-lbl{font-size:.72rem;color:var(--text-muted);margin-top:3px}

/* ═══ USER DETAIL ═══ */
.ud-banner{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(135deg,rgba(170,255,199,.15),rgba(212,255,230,.08));border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:18px}
.ud-banner .ud-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff}
.ud-banner .ud-info h2{font-size:1.15rem;color:var(--text-dark)}
.ud-banner .ud-info p{font-size:.78rem;color:var(--text-muted)}
.ud-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.risk-dial{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--color-success) 0deg 180deg,var(--color-warning) 180deg 270deg,var(--color-danger) 270deg 360deg);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.risk-dial .inner{width:72px;height:72px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.2rem;color:var(--text-dark)}

/* ═══ TICKER BROADCAST ═══ */
.ticker-form{display:flex;gap:10px;align-items:flex-end}
.ticker-form .fg{flex:1;margin-bottom:0}

/* ═══ LIVE FEED ═══ */
.feed-list{max-height:280px;overflow-y:auto}
.feed-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(61,36,16,.3);font-size:.8rem}
.feed-item .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.feed-item .dot.green{background:var(--color-success)}
.feed-item .dot.gold{background:var(--color-accent)}
.feed-item .dot.red{background:var(--color-danger)}
.feed-item .time{color:var(--text-muted);font-size:.7rem;margin-left:auto;white-space:nowrap}

/* ═══ AGENT CARD ═══ */
.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.agent-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px}
.agent-card h4{font-size:.9rem;color:var(--text-dark);margin-bottom:4px}
.agent-card p{font-size:.75rem;color:var(--text-muted)}
.agent-card .agent-stats{display:flex;gap:12px;margin-top:8px}
.agent-card .agent-stats span{font-size:.72rem;color:var(--text-light)}

/* ═══ SERVER MONITOR ═══ */
.srv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.srv-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;text-align:center}
.srv-card .srv-val{font-family:'Outfit',sans-serif;font-size:1.6rem;font-weight:700}
.srv-card .srv-lbl{font-size:.72rem;color:var(--text-muted);margin-top:4px}
.srv-bar{height:6px;border-radius:3px;background:var(--border-color);margin-top:8px;overflow:hidden}
.srv-bar .fill{height:100%;border-radius:3px}

/* ═══ CHAT MANAGEMENT ═══ */
.chat-mgmt{display:grid;grid-template-columns:280px 1fr;gap:16px;height:calc(100vh - 180px)}
.chat-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);overflow-y:auto}
.chat-list-item{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(61,36,16,.3);transition:background .2s}
.chat-list-item:hover,.chat-list-item.active{background:rgba(170,255,199,.1)}
.chat-list-item .cl-av{width:36px;height:36px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#fff;flex-shrink:0}
.chat-list-item .cl-info h4{font-size:.82rem;color:var(--text-dark)}
.chat-list-item .cl-info p{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.chat-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column}
.chat-panel-head{padding:14px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}
.chat-panel-head h3{font-size:.95rem;color:var(--text-dark)}
.chat-msgs{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.chat-msg{max-width:75%;padding:8px 12px;border-radius:12px;font-size:.82rem;line-height:1.4}
.chat-msg.user{background:var(--color-primary);color:#fff;align-self:flex-start;border-bottom-left-radius:4px}
.chat-msg.admin{background:rgba(212,255,230,.15);color:var(--color-accent);align-self:flex-end;border-bottom-right-radius:4px}
.chat-input-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color)}
.chat-input-bar input{flex:1;padding:9px 13px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dark);font-size:.82rem;outline:none;font-family:'Plus Jakarta Sans',sans-serif}
.chat-input-bar input:focus{border-color:var(--color-primary)}

/* ═══ THEME PRESETS ═══ */
.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:16px}
.preset-card{padding:12px;border-radius:var(--radius-sm);border:2px solid var(--border-color);cursor:pointer;text-align:center;transition:all .2s}
.preset-card:hover{border-color:var(--color-primary)}
.preset-card.selected{border-color:var(--color-accent);box-shadow:0 0 12px rgba(212,255,230,.2)}
.preset-card .swatch{height:30px;border-radius:6px;margin-bottom:6px}
.preset-card span{font-size:.72rem;color:var(--text-muted);font-weight:600}

/* ═══ TOAST ═══ */
.ad-toast{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}
.toast-item{padding:12px 18px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:#fff;animation:slideIn .3s ease;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.toast-item.success{background:var(--color-success)}
.toast-item.error{background:var(--color-danger)}
.toast-item.info{background:var(--color-info)}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .charts-row{grid-template-columns:1fr}
  .ud-grid{grid-template-columns:1fr}
  .chat-mgmt{grid-template-columns:1fr}
}
@media(max-width:768px){
  .ad-sidebar{transform:translateX(-100%)}
  .ad-sidebar.open{transform:translateX(0)}
  .ad-main{margin-left:0}
  .metrics-grid{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
  .settings-nav{gap:4px}
  .settings-nav .s-tab{font-size:.7rem;padding:5px 10px}
}
@media(max-width:480px){
  .metrics-grid{grid-template-columns:1fr}
  .ad-content{padding:14px}
  .stats-row{grid-template-columns:1fr 1fr}
}

/* ═══ MISC ═══ */
.text-primary{color:var(--color-primary-light)}
.text-accent{color:var(--color-accent)}
.text-success{color:var(--color-success)}
.text-danger{color:var(--color-danger)}
.text-muted{color:var(--text-muted)}
.mb-12{margin-bottom:12px}
.mb-18{margin-bottom:18px}
.gap-10{gap:10px}
.flex{display:flex}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-dark);font-size:1.2rem;cursor:pointer}
@media(max-width:768px){.mobile-menu-btn{display:block}}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}
.sidebar-overlay.show{display:block}
.empty-state{text-align:center;padding:30px;color:var(--text-muted);font-size:.85rem}
.empty-state i{font-size:2rem;margin-bottom:10px;display:block;color:var(--border-color)}

/* ═══ PREMIUM ADMIN UPGRADES ═══ */

/* Metric card shimmer effect */
.metric-card{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-neu),0 0 20px rgba(170,255,199,.15)}
.metric-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,255,230,.04),transparent);animation:adminShimmer 5s ease-in-out infinite}
@keyframes adminShimmer{0%{left:-100%}50%{left:100%}100%{left:100%}}

/* Enhanced button animations */
.btn{position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}
.btn:hover::after{width:200%;height:200%}

/* Table row hover animation */
table.ad-tbl tr{transition:background .2s}
table.ad-tbl tr:hover td{background:rgba(170,255,199,.08)}

/* Chart box glow */
.chart-box:hover{box-shadow:var(--shadow-neu),0 0 20px rgba(170,255,199,.1)}

/* Panel hover subtle lift */
.panel{transition:transform .2s,box-shadow .2s}
.panel:hover{box-shadow:var(--shadow-neu),0 0 15px rgba(170,255,199,.08)}

/* Settings tab premium */
.settings-nav .s-tab.active{background:linear-gradient(135deg,rgba(170,255,199,.12),rgba(212,255,230,.05))}

/* Sidebar active nav premium glow */
.ad-nav .nav-item.active{box-shadow:inset 3px 0 0 var(--color-accent),0 0 12px rgba(212,255,230,.08)}

/* Badge premium glow */
.badge-success{box-shadow:0 0 6px rgba(16,185,129,.15)}
.badge-danger{box-shadow:0 0 6px rgba(239,68,68,.15)}
.badge-warning{box-shadow:0 0 6px rgba(245,158,11,.15)}

/* Stat card gradient top */
.stat-card{position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}

/* Modal glassmorphism */
.ad-modal-overlay.show{backdrop-filter:blur(10px) saturate(1.2)}

/* Toast slide-in premium */
.toast-item{animation:adminToastSlide .4s cubic-bezier(.175,.885,.32,1.275)}
@keyframes adminToastSlide{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}

/* Chat panel premium */
.chat-panel{transition:box-shadow .2s}
.chat-panel:hover{box-shadow:var(--shadow-neu),0 0 15px rgba(170,255,199,.1)}

/* Agent card hover lift */
.agent-card{transition:transform .2s,box-shadow .2s}
.agent-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-neu),0 0 12px rgba(170,255,199,.12)}

/* Preset card selection glow */
.preset-card.selected{animation:presetGlow 2s ease-in-out infinite alternate}
@keyframes presetGlow{from{box-shadow:0 0 8px rgba(212,255,230,.15)}to{box-shadow:0 0 18px rgba(212,255,230,.3)}}

/* Dashboard header gradient */
.ad-header{background:linear-gradient(135deg,var(--bg-sidebar),rgba(170,255,199,.05))}

/* Server bar animation */
.srv-bar .fill{transition:width 1s ease-out}

/* Filter tab transition */
.filter-tab{transition:all .25s ease}
.filter-tab.active{transform:scale(1.05)}

/* UD banner premium */
.ud-banner{background:linear-gradient(135deg,rgba(170,255,199,.12),rgba(212,255,230,.06));position:relative;overflow:hidden}
.ud-banner::after{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,255,230,.04),transparent);animation:adminShimmer 6s ease-in-out infinite}

/* ═══ LOGIN OVERLAY ═══ */
.login-overlay{position:fixed;inset:0;background:var(--bg-base);z-index:9999;display:flex;align-items:center;justify-content:center}
.login-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:32px;width:90%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.login-brand{text-align:center;margin-bottom:24px}
.login-logo{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;font-family:'Outfit',sans-serif;margin:0 auto 12px}
.login-brand h2{font-size:1.3rem;color:var(--text-dark);letter-spacing:.5px}
.login-brand h2 span{color:var(--color-accent);font-size:.65rem;background:rgba(212,255,230,.12);padding:2px 8px;border-radius:6px;margin-left:4px;vertical-align:middle}
.login-brand p{font-size:.75rem;color:var(--text-muted);margin-top:4px}
.btn-login{width:100%;justify-content:center;padding:11px;font-size:.85rem;margin-top:4px}
.login-error{color:var(--color-danger);font-size:.78rem;min-height:18px;margin-bottom:6px;text-align:center}
.login-footer{text-align:center;margin-top:16px;font-size:.7rem;color:var(--text-muted);opacity:.6}
.login-box .fg label i{margin-right:4px;color:var(--color-accent);font-size:.75rem}

/* ═══ COLORHUNT PALETTES ═══ */
.colorhunt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.colorhunt-card{background:var(--bg-base);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;cursor:pointer;transition:all .2s}
.colorhunt-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.colorhunt-card.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(170,255,199,.2)}
.colorhunt-swatches{display:flex;gap:4px;margin-bottom:8px;border-radius:6px;overflow:hidden;height:32px}
.colorhunt-swatches div{flex:1}
.colorhunt-name{font-size:.72rem;color:var(--text-muted);font-weight:600;text-align:center;display:block}

/* ═══ IMAGE UPLOAD WIDGET ═══ */
.upload-zone{position:relative;border:2px dashed var(--border-color);border-radius:var(--radius-sm);padding:18px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-base)}
.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:rgba(170,255,199,.04)}
.upload-zone .upload-preview{width:100%;max-height:120px;overflow:hidden;border-radius:8px;margin-bottom:10px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;min-height:60px}
.upload-zone .upload-preview img{width:100%;max-height:120px;object-fit:contain;border-radius:8px}
.upload-zone .upload-preview i{font-size:2rem;color:var(--text-muted)}
.upload-zone p{font-size:.75rem;color:var(--text-muted);margin-bottom:8px}
.upload-zone .upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-url-input{width:100%;padding:8px 10px;font-size:.78rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-dark);margin-top:6px}
.upload-url-input:focus{outline:none;border-color:var(--color-primary)}

/* ═══ RESPONSIVE FIX ═══ */
@media(max-width:768px){.metric-card::after{display:none}}