/* ═══════════════════════════════════════════════
   NOVAMIRA AUTH v3 — RedClave Cyber Theme
   Palette: #0A0E1A bg · #00d4ff cyan · Inter
═══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --nma-bg:          #0A0E1A;
  --nma-bg2:         #0e1e35;
  --nma-surface:     #161b22;
  --nma-surface2:    #1c2333;
  --nma-card:        #151E35;
  --nma-border:      rgba(0,212,255,.18);
  --nma-border-hi:   rgba(0,212,255,.5);
  --nma-cyan:        #00d4ff;
  --nma-cyan-dim:    rgba(0,212,255,.12);
  --nma-cyan-glow:   rgba(0,212,255,.25);
  --nma-green:       #00ff88;
  --nma-green-dim:   rgba(0,255,136,.1);
  --nma-orange:      #ff6b35;
  --nma-purple:      #a855f7;
  --nma-text:        #e6edf3;
  --nma-muted:       #8b949e;
  --nma-faint:       #484f58;
  --nma-danger:      #f85149;
  --nma-success:     #3fb950;
  --nma-info:        #58a6ff;
  --nma-r:           16px;
  --nma-rs:          8px;
  --nma-shadow:      0 20px 60px rgba(0,0,0,.65),0 0 40px rgba(0,212,255,.08);
  --nma-bar-h:       60px;
  --nma-f:           'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --nma-ease:        cubic-bezier(.4,0,.2,1);
}

/* ── Reset ── */
.nma-wrap*,.nma-wrap*::before,.nma-wrap*::after{box-sizing:border-box}
.nma-wrap{font-family:var(--nma-f);color:var(--nma-text);line-height:1.6;-webkit-font-smoothing:antialiased}

/* ════════════════════════════════════════
   ANIMATIONS
════════════════════════════════════════ */
@keyframes nma-up      {from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes nma-in      {from{opacity:0}to{opacity:1}}
@keyframes nma-tab-in  {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes nma-pulse   {0%,100%{box-shadow:0 0 0 0 var(--nma-cyan-glow)}50%{box-shadow:0 0 0 8px rgba(0,212,255,0)}}
@keyframes nma-glow    {0%,100%{border-color:var(--nma-border)}50%{border-color:rgba(0,212,255,.4)}}
@keyframes nma-shimmer {0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(350%) skewX(-15deg)}}
@keyframes nma-float   {0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes nma-scan-h  {0%{top:-2px;opacity:0}5%{opacity:1}95%{opacity:.6}100%{top:100vh;opacity:0}}
@keyframes nma-orb1    {0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(30px,-20px) scale(1.06)}70%{transform:translate(-15px,12px) scale(.96)}}
@keyframes nma-orb2    {0%,100%{transform:translate(0,0) scale(1)}35%{transform:translate(-25px,18px) scale(1.04)}65%{transform:translate(15px,-10px) scale(.97)}}
@keyframes nma-grid    {from{background-position:0 0}to{background-position:60px 60px}}
@keyframes nma-bar-hi  {0%{left:-60%;opacity:0}40%{opacity:.6}100%{left:110%;opacity:0}}
@keyframes nma-progress{from{width:0}to{width:100%}}
@keyframes nma-blink   {0%,100%{opacity:1}50%{opacity:0}}
@keyframes nma-spin    {to{transform:rotate(360deg)}}
@keyframes nma-badge   {from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}

/* ════════════════════════════════════════
   SESSION BAR (solo páginas NMA)
════════════════════════════════════════ */
.nma-session-bar{
  position:fixed;top:0;left:0;right:0;
  height:var(--nma-bar-h);
  background:rgba(10,14,26,.96);
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid var(--nma-border);
  z-index:99999;
  font-family:var(--nma-f);
  animation:nma-in .4s var(--nma-ease) both;
  overflow:hidden;
}
/* Scanning highlight */
.nma-session-bar::after{
  content:'';position:absolute;top:0;bottom:0;width:60px;
  background:linear-gradient(90deg,transparent,rgba(0,212,255,.08),transparent);
  animation:nma-bar-hi 4s ease infinite;
}
/* Bottom accent line */
.nma-session-bar::before{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--nma-cyan),var(--nma-green),transparent);
  opacity:.4;
}
.nma-session-bar-inner{
  max-width:1400px;margin:0 auto;height:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 28px;gap:16px;position:relative;z-index:1;
}
.nma-bar-brand{display:flex;align-items:center;text-decoration:none;gap:10px;flex-shrink:0}
.nma-bar-brand img{max-height:30px;width:auto;filter:brightness(0) invert(1)}
.nma-bar-brand span{
  font-size:1.1rem;font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(135deg,var(--nma-cyan),var(--nma-green));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.nma-bar-right{display:flex;align-items:center;gap:4px}
.nma-bar-link{
  padding:7px 14px;border-radius:var(--nma-rs);color:var(--nma-muted);
  text-decoration:none;font-size:.85rem;font-weight:500;
  transition:color .2s,background .2s;white-space:nowrap;
}
.nma-bar-link:hover{color:var(--nma-text);background:rgba(255,255,255,.05)}
.nma-bar-admin-link{
  display:flex;align-items:center;gap:6px;
  color:var(--nma-orange)!important;padding:7px 12px;border-radius:var(--nma-rs);
  font-size:.8rem;font-weight:600;text-decoration:none;
  border:1px solid rgba(255,107,53,.25);background:rgba(255,107,53,.06);
  transition:all .2s;
}
.nma-bar-admin-link:hover{background:rgba(255,107,53,.15);border-color:rgba(255,107,53,.5)}
.nma-bar-admin-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.nma-bar-btn{
  padding:7px 18px;border-radius:var(--nma-rs);
  background:linear-gradient(135deg,var(--nma-cyan),#0891b2);
  color:#0A0E1A;font-size:.82rem;font-weight:700;
  text-decoration:none;transition:all .2s;white-space:nowrap;
  margin-left:6px;letter-spacing:.01em;
  box-shadow:0 0 16px rgba(0,212,255,.2);
}
.nma-bar-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,212,255,.35)}
.nma-bar-user{
  display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;
  border-radius:99px;border:1px solid var(--nma-border);
  text-decoration:none;transition:border-color .2s,background .2s;margin-left:4px;
}
.nma-bar-user:hover{border-color:var(--nma-cyan);background:var(--nma-cyan-dim)}
.nma-bar-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--nma-border)}
.nma-bar-name{font-size:.83rem;font-weight:600;color:var(--nma-text);max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nma-bar-role-badge{
  font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  padding:2px 7px;border-radius:99px;
  background:rgba(0,212,255,.12);color:var(--nma-cyan);
  border:1px solid rgba(0,212,255,.25);animation:nma-badge .3s var(--nma-ease) both;
}
.nma-bar-sep{width:1px;height:18px;background:var(--nma-border);margin:0 6px;flex-shrink:0}
.nma-bar-logout{
  display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--nma-rs);
  color:var(--nma-muted);text-decoration:none;font-size:.83rem;font-weight:500;transition:all .2s;
}
.nma-bar-logout svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex-shrink:0}
.nma-bar-logout:hover{color:var(--nma-danger);background:rgba(248,81,73,.08)}
body:has(.nma-session-bar){padding-top:var(--nma-bar-h)!important}

/* ════════════════════════════════════════
   AUTH PAGES — FULL SCREEN
════════════════════════════════════════ */
.nma-auth-wrap{
  min-height:calc(100vh - var(--nma-bar-h,0px));
  display:flex;align-items:center;justify-content:center;
  padding:40px 20px;
  background:transparent;
  position:relative;z-index:1;
}

/* Card */
.nma-card{
  position:relative;width:100%;max-width:460px;
  background:var(--nma-card);
  border:1px solid rgba(0,212,255,.2);
  border-top:3px solid var(--nma-cyan);
  border-radius:var(--nma-r);
  box-shadow:var(--nma-shadow);
  overflow:hidden;
  animation:nma-up .55s var(--nma-ease) both;
}
/* Card inner glow on hover */
.nma-card::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,255,.07),transparent);
  pointer-events:none;z-index:0;
}
/* Shimmer sweep */
.nma-card::after{
  content:'';position:absolute;top:0;left:0;width:40px;height:100%;
  background:linear-gradient(90deg,transparent,rgba(0,212,255,.06),transparent);
  animation:nma-shimmer 3.5s ease infinite;
  pointer-events:none;z-index:0;
}
.nma-card-inner{padding:44px 40px 40px;position:relative;z-index:1}
.nma-card-deco{display:none}

/* Already-logged-in card */
.nma-already-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.nma-already-avatar{margin-bottom:18px}
.nma-already-avatar img{width:80px;height:80px;border-radius:50%;border:2px solid var(--nma-cyan);object-fit:cover;animation:nma-float 4s ease infinite}
.nma-already-actions{display:flex;gap:12px;margin-top:10px;width:100%}
.nma-already-actions .nma-btn{flex:1;justify-content:center}

/* Logo */
.nma-logo-area{margin-bottom:28px;display:flex;align-items:center}
.nma-logo-area img{max-height:40px;filter:brightness(0) invert(1)}
.nma-site-name{
  font-size:1.4rem;font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(135deg,var(--nma-cyan),var(--nma-green));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}

/* Titles */
.nma-title{font-size:1.65rem;font-weight:700;color:var(--nma-text);margin:0 0 6px;letter-spacing:-.02em;line-height:1.25}
.nma-subtitle{color:var(--nma-muted);font-size:.9rem;margin:0 0 26px;font-weight:400;line-height:1.5}
.nma-subtitle strong{color:var(--nma-text)}

/* Alerts */
.nma-alert{padding:11px 14px;border-radius:var(--nma-rs);font-size:.85rem;margin-bottom:18px;font-weight:500;display:flex;align-items:flex-start;gap:8px;animation:nma-in .3s var(--nma-ease) both}
.nma-alert-error  {background:rgba(248,81,73,.1);border:1px solid rgba(248,81,73,.3);color:#ff8080}
.nma-alert-success{background:rgba(63,185,80,.08);border:1px solid rgba(63,185,80,.3);color:var(--nma-success)}
.nma-alert-success a{color:var(--nma-cyan)}

/* Form */
.nma-form{display:flex;flex-direction:column;gap:16px}
.nma-field{display:flex;flex-direction:column;gap:5px}
.nma-field label{font-size:.72rem;font-weight:600;color:var(--nma-muted);text-transform:uppercase;letter-spacing:.08em}
.nma-field input,.nma-field textarea,.nma-field select{
  background:rgba(13,17,23,.8);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--nma-rs);color:var(--nma-text);
  font-family:var(--nma-f);font-size:.9rem;padding:12px 14px;
  transition:border-color .2s,box-shadow .2s;outline:none;width:100%;
}
.nma-field input:focus,.nma-field textarea:focus{
  border-color:var(--nma-cyan);
  box-shadow:0 0 0 3px rgba(0,212,255,.15),0 0 12px rgba(0,212,255,.1);
}
.nma-field input::placeholder{color:var(--nma-faint)}
.nma-field-password{position:relative}
.nma-field-password input{padding-right:44px}
.nma-toggle-pw{position:absolute;right:12px;bottom:12px;background:none;border:none;cursor:pointer;font-size:.95rem;opacity:.4;transition:opacity .2s;padding:2px}
.nma-toggle-pw:hover{opacity:1}
.nma-row-between{display:flex;align-items:center;justify-content:space-between;font-size:.83rem}
.nma-check{display:flex;align-items:center;gap:7px;color:var(--nma-muted);cursor:pointer}
.nma-check input{accent-color:var(--nma-cyan);width:14px;height:14px}

/* Password strength */
.nma-password-strength{height:3px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;margin-top:-8px}
.nma-strength-bar{height:100%;width:0%;border-radius:99px;background:var(--nma-danger);transition:width .4s,background .4s}

/* Buttons */
.nma-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;border-radius:var(--nma-rs);
  font-family:var(--nma-f);font-size:.88rem;font-weight:600;
  cursor:pointer;border:none;transition:all .2s;text-decoration:none;white-space:nowrap;letter-spacing:.01em;
}
.nma-btn-primary{
  background:linear-gradient(135deg,var(--nma-cyan) 0%,#0891b2 100%);
  color:#0A0E1A;box-shadow:0 4px 20px rgba(0,212,255,.25);
  width:100%;margin-top:6px;position:relative;overflow:hidden;
}
.nma-btn-primary::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .4s}
.nma-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,212,255,.4)}
.nma-btn-primary:hover::after{left:150%}
.nma-btn-ghost{
  background:rgba(255,255,255,.04);color:var(--nma-muted);
  border:1px solid rgba(255,255,255,.1);width:100%;margin-top:4px;
}
.nma-btn-ghost:hover{border-color:var(--nma-muted);color:var(--nma-text);background:rgba(255,255,255,.08)}
.nma-btn-outline{
  background:transparent;color:var(--nma-muted);
  border:1px solid var(--nma-border);font-size:.82rem;padding:8px 14px;
}
.nma-btn-outline:hover{border-color:var(--nma-cyan);color:var(--nma-cyan);background:var(--nma-cyan-dim)}
.nma-btn-danger{background:rgba(248,81,73,.1);color:var(--nma-danger);border:1px solid rgba(248,81,73,.3)}
.nma-btn-danger:hover{background:var(--nma-danger);color:#fff}
.nma-link{color:var(--nma-cyan);text-decoration:none;font-size:.83rem;font-weight:500;transition:color .2s}
.nma-link:hover{color:#5eead4}
.nma-footer-link{text-align:center;margin-top:22px;font-size:.83rem;color:var(--nma-muted)}

/* ════════════════════════════════════════
   DASHBOARD
════════════════════════════════════════ */
.nma-dashboard-wrap{
  display:flex;min-height:calc(100vh - var(--nma-bar-h,0px));
  background:var(--nma-bg);position:relative;z-index:1;
}

/* Sidebar */
.nma-sidebar{
  width:260px;min-width:260px;
  background:linear-gradient(180deg,#0e1e35 0%,#161b22 100%);
  border-right:1px solid rgba(0,212,255,.15);
  display:flex;flex-direction:column;padding:28px 0 20px;
  position:sticky;top:var(--nma-bar-h,0px);
  height:calc(100vh - var(--nma-bar-h,0px));
  overflow-y:auto;
}
.nma-user-card{
  display:flex;align-items:center;gap:12px;
  padding:0 20px 24px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px;
}
.nma-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--nma-cyan);flex-shrink:0}
.nma-user-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.nma-user-info strong{font-size:.88rem;font-weight:600;color:var(--nma-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nma-user-info span{font-size:.72rem;color:var(--nma-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nma-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:99px;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.nma-badge-admin{background:rgba(0,212,255,.12);color:var(--nma-cyan);border:1px solid rgba(0,212,255,.25)}

/* Nav */
.nma-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}
.nma-nav-item{
  display:flex;align-items:center;gap:10px;padding:10px 12px;
  border-radius:var(--nma-rs);color:var(--nma-muted);text-decoration:none;
  font-size:.85rem;font-weight:500;transition:all .18s;cursor:pointer;
  border:none;background:none;width:100%;text-align:left;border-left:2px solid transparent;
}
.nma-nav-item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex-shrink:0}
.nma-nav-item:hover{background:rgba(0,212,255,.06);color:var(--nma-text)}
.nma-nav-item.active{background:rgba(0,212,255,.1);color:var(--nma-cyan);border-left-color:var(--nma-cyan)}
.nma-nav-admin{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.nma-nav-admin.active{background:rgba(255,107,53,.08);color:var(--nma-orange)!important;border-left-color:var(--nma-orange)}
.nma-logout-btn{
  display:flex;align-items:center;gap:9px;margin:14px 10px 0;padding:10px 12px;
  border-radius:var(--nma-rs);color:var(--nma-muted);text-decoration:none;
  font-size:.83rem;font-weight:500;transition:all .18s;border:1px solid transparent;
}
.nma-logout-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.nma-logout-btn:hover{color:var(--nma-danger);border-color:rgba(248,81,73,.2);background:rgba(248,81,73,.06)}

/* Main */
.nma-main{flex:1;padding:40px;overflow-y:auto;background:var(--nma-bg)}
.nma-tab{display:none;animation:nma-tab-in .3s var(--nma-ease) both}
.nma-tab.active{display:block}
.nma-page-header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}
.nma-page-header h2{font-size:1.5rem;font-weight:700;color:var(--nma-text);margin:0 0 5px;letter-spacing:-.02em}
.nma-meta{font-size:.8rem;color:var(--nma-muted)}

/* Stats grid */
.nma-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:36px}
.nma-stat-card{
  background:linear-gradient(135deg,#0e1e35,#161b22);
  border:1px solid rgba(255,255,255,.06);border-radius:var(--nma-r);
  padding:20px 16px;text-align:center;position:relative;overflow:hidden;
  transition:all .25s;animation:nma-up .4s var(--nma-ease) both;
}
.nma-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--nma-r) var(--nma-r) 0 0;background:linear-gradient(90deg,var(--nma-cyan),#0891b2)}
.nma-stat-card:nth-child(2)::before{background:linear-gradient(90deg,var(--nma-green),#00cc6a)}
.nma-stat-card:nth-child(3)::before{background:linear-gradient(90deg,var(--nma-purple),#7c3aed)}
.nma-stat-card:nth-child(4)::before{background:linear-gradient(90deg,var(--nma-orange),#ff9500)}
.nma-stat-card:hover{transform:translateY(-3px);border-color:rgba(0,212,255,.25);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.nma-stat-icon{font-size:1.5rem;margin-bottom:10px}
.nma-stat-value{font-size:1.4rem;font-weight:800;color:var(--nma-text);margin-bottom:3px}
.nma-stat-label{font-size:.7rem;color:var(--nma-muted);text-transform:uppercase;letter-spacing:.06em}

/* Post list */
.nma-recent-section h3{font-size:.75rem;font-weight:600;margin:0 0 14px;color:var(--nma-muted);text-transform:uppercase;letter-spacing:.08em}
.nma-post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.nma-post-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--nma-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--nma-rs);font-size:.85rem;transition:all .2s}
.nma-post-list li:hover{border-color:rgba(0,212,255,.2);background:rgba(0,212,255,.04)}
.nma-post-list a{color:var(--nma-text);text-decoration:none;flex:1;font-weight:500}
.nma-post-list a:hover{color:var(--nma-cyan)}
.nma-post-status{padding:2px 8px;border-radius:99px;font-size:.68rem;font-weight:700;text-transform:uppercase}
.nma-status-publish{background:rgba(63,185,80,.1);color:var(--nma-success)}
.nma-status-draft{background:rgba(139,148,158,.12);color:var(--nma-muted)}
.nma-post-date{font-size:.75rem;color:var(--nma-muted);white-space:nowrap}
.nma-empty{color:var(--nma-faint);font-size:.85rem;padding:20px 0}

/* Profile form */
.nma-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.nma-field-full{grid-column:1/-1}
.nma-profile-form textarea{resize:vertical;min-height:85px}

/* Activity */
.nma-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.nma-activity-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--nma-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--nma-rs)}
.nma-activity-icon{font-size:1.1rem;flex-shrink:0;padding-top:2px}
.nma-activity-content p{margin:0 0 3px;font-size:.85rem}
.nma-activity-content a{color:var(--nma-cyan);text-decoration:none}

/* Settings */
.nma-settings-list{display:flex;flex-direction:column;gap:2px}
.nma-setting-item{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--nma-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--nma-rs);gap:16px;transition:border-color .2s}
.nma-setting-item:hover{border-color:var(--nma-border)}
.nma-setting-item strong{display:block;font-size:.88rem;margin-bottom:3px}
.nma-setting-item p{margin:0;font-size:.8rem;color:var(--nma-muted)}
.nma-setting-danger strong{color:var(--nma-danger)}
.nma-toggle{position:relative;display:inline-block;width:42px;height:22px;flex-shrink:0}
.nma-toggle input{opacity:0;width:0;height:0}
.nma-toggle-slider{position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:99px;cursor:pointer;transition:background .2s}
.nma-toggle-slider::before{content:'';position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:var(--nma-muted);border-radius:50%;transition:transform .2s,background .2s}
.nma-toggle input:checked+.nma-toggle-slider{background:rgba(0,212,255,.2);border:1px solid var(--nma-cyan)}
.nma-toggle input:checked+.nma-toggle-slider::before{transform:translateX(20px);background:var(--nma-cyan)}

/* ════════════════════════════════════════
   ADMIN PANEL
════════════════════════════════════════ */
.nma-admin-wrap{background:var(--nma-bg);min-height:calc(100vh - var(--nma-bar-h,0px));padding:36px;color:var(--nma-text);position:relative;z-index:1}
.nma-admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}
.nma-admin-header h1{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,var(--nma-text),var(--nma-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nma-admin-actions{display:flex;gap:8px}
.nma-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}
.nma-admin-stat{
  background:linear-gradient(135deg,#0e1e35,#161b22);
  border:1px solid rgba(255,255,255,.06);border-radius:var(--nma-r);
  padding:20px;display:flex;align-items:center;gap:14px;transition:all .25s;position:relative;overflow:hidden;
  animation:nma-up .4s var(--nma-ease) both;
}
.nma-admin-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--nma-r) var(--nma-r) 0 0;background:linear-gradient(90deg,var(--nma-cyan),#0891b2)}
.nma-admin-stat:nth-child(2)::before{background:linear-gradient(90deg,var(--nma-green),#00cc6a)}
.nma-admin-stat:nth-child(3)::before{background:linear-gradient(90deg,var(--nma-purple),#7c3aed)}
.nma-admin-stat:nth-child(4)::before{background:linear-gradient(90deg,var(--nma-orange),#ff9500)}
.nma-admin-stat:hover{transform:translateY(-3px);border-color:rgba(0,212,255,.25);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.nma-admin-stat-icon{font-size:1.8rem}
.nma-admin-stat-data{display:flex;flex-direction:column}
.nma-admin-stat-num{font-size:1.6rem;font-weight:800;color:var(--nma-text);line-height:1}
.nma-admin-stat-data span:last-child{font-size:.72rem;color:var(--nma-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.nma-admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.nma-admin-section{background:var(--nma-surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--nma-r);padding:24px}
.nma-admin-section-wide{grid-column:1/-1}
.nma-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.nma-section-header h2{font-size:.78rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--nma-muted)}
.nma-table-wrap{overflow-x:auto}
.nma-table{width:100%;border-collapse:collapse;font-size:.83rem}
.nma-table th{text-align:left;padding:9px 12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--nma-faint);border-bottom:1px solid rgba(255,255,255,.07)}
.nma-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.nma-table tr:last-child td{border-bottom:none}
.nma-table tr:hover td{background:rgba(0,212,255,.03)}
.nma-user-cell{display:flex;align-items:center;gap:9px}
.nma-avatar-sm{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--nma-border)}
.nma-badge-role{background:rgba(88,166,255,.08);color:var(--nma-info);border:1px solid rgba(88,166,255,.2);font-size:.68rem}
.nma-actions-cell{display:flex;align-items:center;gap:5px}
.nma-btn-xs{padding:4px 9px;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;border:1px solid;transition:all .18s;font-family:var(--nma-f)}
.nma-btn-promote{color:var(--nma-cyan);border-color:rgba(0,212,255,.3);background:var(--nma-cyan-dim)}
.nma-btn-demote{color:var(--nma-muted);border-color:rgba(255,255,255,.1);background:transparent}
.nma-btn-delete{color:var(--nma-danger);border-color:rgba(248,81,73,.3);background:transparent}
.nma-btn-promote:hover{background:var(--nma-cyan);color:#0A0E1A}
.nma-btn-delete:hover{background:var(--nma-danger);color:#fff}
.nma-admin-post-list{list-style:none;margin:0;padding:0}
.nma-admin-post-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.nma-admin-post-list li:last-child{border-bottom:none}
.nma-admin-post-list a{color:var(--nma-text);text-decoration:none;font-size:.85rem;font-weight:500;display:block;margin-bottom:3px}
.nma-admin-post-list a:hover{color:var(--nma-cyan)}
.nma-post-meta{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--nma-muted)}
.nma-edit-link{color:var(--nma-cyan);text-decoration:none;margin-left:auto}
.nma-system-info{list-style:none;margin:0;padding:0}
.nma-system-info li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.83rem}
.nma-system-info li:last-child{border-bottom:none}
.nma-system-info span{color:var(--nma-muted)}
.nma-system-info strong{color:var(--nma-text)}

/* ════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════ */
@media(max-width:900px){
  .nma-dashboard-wrap{flex-direction:column}
  .nma-sidebar{width:100%;height:auto;position:relative;top:0;flex-direction:row;flex-wrap:wrap;padding:14px;gap:6px}
  .nma-user-card{border-bottom:none;padding-bottom:0;margin-bottom:0}
  .nma-nav{flex-direction:row;flex-wrap:wrap;padding:0}
  .nma-nav-item{padding:7px 10px;font-size:.78rem;border-left:none;border-bottom:2px solid transparent}
  .nma-nav-item.active{border-left:none;border-bottom-color:var(--nma-cyan)}
  .nma-logout-btn{margin:0}
  .nma-main{padding:20px}
  .nma-admin-stats{grid-template-columns:repeat(2,1fr)}
  .nma-admin-grid{grid-template-columns:1fr}
  .nma-admin-section-wide{grid-column:1}
  .nma-admin-wrap{padding:20px}
  .nma-form-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nma-bar-name,.nma-bar-role-badge{display:none}
  .nma-bar-logout span{display:none}
  .nma-card-inner{padding:30px 22px}
  .nma-admin-stats{grid-template-columns:1fr 1fr}
  .nma-stats-grid{grid-template-columns:1fr 1fr}
  .nma-already-actions{flex-direction:column}
  .nma-session-bar-inner{padding:0 16px}
}
@media(max-width:400px){
  .nma-card-inner{padding:24px 16px}
  .nma-main{padding:14px}
}