@font-face{font-family:AdminInter;src:local('Inter')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(circle at 80% 0,#172044 0,#0a0d18 35%,#070910 70%);color:#f4f6ff;font:15px/1.55 AdminInter,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid #30364f;background:#171c2d;color:#f7f8ff;border-radius:12px;padding:10px 15px;transition:.18s}button:hover,.button:hover{border-color:#7e8cff;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,#5368ff,#8b57e8);border-color:#8d86ff;font-weight:800}.ghost{background:transparent}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:28px 22px;border-right:1px solid #20263a;background:linear-gradient(180deg,#0d1221,#0a0d16);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#586aff,#9a56e8);font-size:23px;font-weight:900;box-shadow:0 0 30px #725dff55}.brand-word{font-size:25px;font-weight:900;letter-spacing:-1px}.sidebar-kicker,.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;color:#8c98c7}.sidebar-kicker{margin:22px 5px 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:10px;color:#b8c0de}.sidebar nav a:hover{background:#5368ff18;color:white}.back{margin-top:auto;color:#939dbd;padding:12px}main{margin-left:250px;max-width:1700px;padding:34px 42px 70px}.admin-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 10px}.admin-hero h1{margin:4px 0;font-size:36px;letter-spacing:-1.3px}.admin-hero p{margin:5px 0;color:#a4aecb}.hero-actions{display:flex;gap:8px}.message{min-height:24px;color:#b8c5ff;margin:8px 0}.card{margin:24px 0;padding:25px;border:1px solid #242c43;border-radius:18px;background:linear-gradient(180deg,#111626e8,#0e1321e8);box-shadow:0 18px 60px #0005}.hero-card{background:linear-gradient(135deg,#111a33,#14152a 55%,#1d1231)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.section-head h2{font-size:23px;margin:4px 0}.section-head p{margin:4px 0;color:#98a3c2}.badge,.live-badge{border:1px solid #36405f;border-radius:999px;padding:6px 10px;color:#aeb9da;font-size:11px;font-weight:800}.live-badge{color:#72e0b0;border-color:#27594d;background:#0d2a24}.stats{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin-top:20px}.stat{padding:19px;border:1px solid #26304b;border-radius:14px;background:#0b1020}.stat strong{display:block;font-size:29px}.stat span{color:#8f9ab8;font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.filters input{min-width:280px;flex:1}.filters input,.filters select,label input,label textarea{background:#0b1020;border:1px solid #2a334d;border-radius:11px;padding:11px 12px;color:white}.table-wrap{overflow:auto;border:1px solid #232b40;border-radius:14px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #20283b;vertical-align:middle}th{font-size:10px;letter-spacing:1.4px;color:#8e9ab9;background:#0a0f1b}td{color:#dce2f5}tbody tr:hover{background:#10182b}.post-actions,.user-actions{display:flex;gap:6px;white-space:nowrap}.post-actions button,.post-actions a,.user-actions button{padding:7px 10px;border-radius:9px;font-size:12px}.danger{border-color:#7c3342!important;color:#ff9fae!important;background:#33131a!important}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#4357dc,#8b57dd);font-size:12px;font-weight:900}.user-avatar img{width:100%;height:100%;object-fit:cover}.role-admin{color:#d5b2ff}.role-member{color:#9fb5ff}.ok{color:#77e2b4}.muted{color:#79839e}.hint{color:#8590ae;font-size:12px}.login-card{max-width:500px;margin:70px auto;text-align:center}.login-logo span{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:20px;background:linear-gradient(135deg,#5368ff,#a457e4);font-size:34px;font-weight:900;box-shadow:0 0 45px #7964ff66}.login-card form{display:grid;gap:12px;text-align:left;margin:20px 0}.login-card label{display:grid;gap:6px;color:#aab4d3}.login-card>button{margin:4px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;margin:18px 0}.form-grid label{display:grid;gap:7px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:18px;height:18px}.animations{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0}.animation{padding:12px;border:1px solid #27304a;border-radius:13px;background:#0b1020}.animation video{width:100%;aspect-ratio:1;background:#090c14;border-radius:10px}.animation label{display:flex;gap:8px;align-items:center;margin:9px 0}.social-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.9fr);gap:24px}.social-fields{display:grid;gap:12px}.social-fields label{display:grid;gap:6px}.social-preview{overflow:hidden;border:1px solid #29334d;border-radius:16px;background:#080d17}.social-preview img{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block}.social-preview>p{padding:38px;text-align:center;color:#7f8aa8}.social-preview>div{padding:14px;display:grid}.social-preview small,.social-preview span{color:#8490af}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:18px}.service{padding:15px;border:1px solid #27304a;border-radius:12px;background:#0b1020}.service strong{display:block}.service span{font-size:12px;color:#7f8aa8}.service span.connected{color:#72e0b0}.modal{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:#02040bcc;backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:1;width:min(900px,calc(100% - 30px));max-height:90vh;overflow:auto;margin:5vh auto;padding:24px;border-radius:18px;background:#111727;border:1px solid #303a57;box-shadow:0 30px 90px #000a}.modal-card header{display:flex;justify-content:space-between;align-items:center}.modal-card header h2{margin:3px 0}.modal-card form{display:grid;gap:13px;margin-top:20px}.modal-card label{display:grid;gap:6px}.modal-card textarea{resize:vertical;min-height:280px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:900px){.sidebar{position:static;width:auto;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.back{margin-top:10px}main{margin-left:0;padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.social-layout{grid-template-columns:1fr}.admin-hero{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.sidebar-kicker{display:none}}@media(max-width:560px){.sidebar nav{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.filters input{min-width:0}.card{padding:17px}.admin-hero h1{font-size:29px}}
.role-vip{color:#ffd66b}.role-uploader{color:#75d8ff}.bad{color:#ff8f9f}.warning{border-color:#7b6130!important;color:#ffd780!important;background:#2b2414!important}.is-blocked{opacity:.68;background:#241019!important}.user-modal-card{width:min(650px,calc(100% - 30px))}.user-modal-card select{background:#0b1020;border:1px solid #2a334d;border-radius:11px;padding:11px 12px;color:white}.button.primary{display:inline-flex;align-items:center;justify-content:center}.sidebar nav a[href="/editor"]{border:1px solid #303a62;background:#151b31;color:#dce2ff}

/* V192 · panel por secciones */
.admin-panel{display:none}.admin-panel.is-active{display:block;animation:nxAdminIn .18s ease}.sidebar nav a.is-active{background:linear-gradient(135deg,#5368ff28,#8b57e822);color:#fff;border:1px solid #5968d955}.admin-loading{display:flex;align-items:center;gap:9px;color:#aeb8d6;font-weight:700}.admin-loading:before{content:'';width:15px;height:15px;border:2px solid #5368ff55;border-top-color:#8d86ff;border-radius:50%;animation:nxAdminSpin .7s linear infinite}@keyframes nxAdminSpin{to{transform:rotate(360deg)}}@keyframes nxAdminIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}

/* V196 · Analytics + membresía VIP temporal */
.analytics-panel{overflow:hidden}.analytics-panel #site-analytics-container{margin-top:8px}.analytics-panel .cm-analytics{max-width:100%}
.vip-admin-box{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:12px;padding:14px;border:1px solid rgba(245,201,69,.24);border-radius:14px;background:linear-gradient(135deg,rgba(245,201,69,.08),rgba(107,78,25,.06))}.vip-admin-box>div{display:flex;flex-direction:column;justify-content:center;gap:4px}.vip-admin-box>div strong{color:#f5c945}.vip-admin-box>div small{color:#9eabb8}.vip-admin-box .check{align-self:end}.vip-admin-box select{background:#0b1020;border:1px solid #2a334d;border-radius:11px;padding:11px 12px;color:white}
#firebaseDirectoryStatus{margin:8px 0 0}.firebase-directory-ok{color:#72e0b0!important}.firebase-directory-warn{color:#ffd780!important}
@media(max-width:720px){.vip-admin-box{grid-template-columns:1fr}}

/* V198 · Proveedor de autenticación en Admin > Usuarios */
.provider-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:5px 9px;border:1px solid #303a55;border-radius:999px;background:#0d1322;color:#c6cee5;font-size:11px;font-weight:750}
.provider-badge b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:10px;line-height:1;background:#1c2540;color:#fff}
.provider-google{border-color:#39445f}.provider-google b{background:#fff;color:#4285f4;font-weight:900}
.provider-password{border-color:#365077;color:#b7d5ff}.provider-password b{background:#16375f;color:#b7d5ff}
.provider-other{border-color:#3b4e68}.provider-unknown{opacity:.7}



/* V199 · Usuarios compactos y acciones siempre visibles */
#usuarios .table-wrap{overflow-x:hidden}
#usuarios table{min-width:0;width:100%;table-layout:fixed}
#usuarios th,#usuarios td{padding:11px 9px}
#usuarios th:nth-child(1),#usuarios td:nth-child(1){width:20%}
#usuarios th:nth-child(2),#usuarios td:nth-child(2){width:18%;overflow-wrap:anywhere}
#usuarios th:nth-child(3),#usuarios td:nth-child(3){width:13%}
#usuarios th:nth-child(4),#usuarios td:nth-child(4){width:10%}
#usuarios th:nth-child(5),#usuarios td:nth-child(5){width:9%}
#usuarios th:nth-child(6),#usuarios td:nth-child(6){width:8%}
#usuarios th:nth-child(7),#usuarios td:nth-child(7){width:11%;font-size:12px}
#usuarios th:nth-child(8),#usuarios td:nth-child(8){width:16%}
#usuarios .user-actions{flex-wrap:wrap;white-space:normal;gap:5px}
#usuarios .user-actions button{padding:7px 9px}
#usuarios .provider-badge{max-width:100%;padding:5px 7px;gap:5px}
#usuarios .provider-badge span{overflow:hidden;text-overflow:ellipsis}
#usuarios .user-cell{min-width:0}
#usuarios .user-cell>div:last-child{min-width:0}
#usuarios .user-cell strong,#usuarios .user-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){
  #usuarios th:nth-child(7),#usuarios td:nth-child(7){display:none}
  #usuarios th:nth-child(1),#usuarios td:nth-child(1){width:22%}
  #usuarios th:nth-child(2),#usuarios td:nth-child(2){width:20%}
  #usuarios th:nth-child(3),#usuarios td:nth-child(3){width:15%}
  #usuarios th:nth-child(8),#usuarios td:nth-child(8){width:18%}
}


/* V201 · borradores + administración móvil */
.analytics-admin-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.draft-badge{display:inline-flex;margin-left:8px;padding:3px 6px;border:1px solid #8b6b2d;border-radius:999px;color:#ffd780;background:#2b2414;font-size:9px;font-weight:900;letter-spacing:.8px}
.is-draft-row{background:rgba(245,201,69,.035)}
@media(max-width:760px){
  body{background:#080b13}
  .sidebar{position:sticky;top:0;width:100%;padding:12px 12px 10px;border-right:0;border-bottom:1px solid #20263a;z-index:50}
  .brand-mark{width:34px;height:34px;border-radius:10px;font-size:18px}.brand-word{font-size:20px}
  .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
  .sidebar nav a{min-width:0;padding:9px 10px;font-size:12px;border:1px solid #20283b;background:#0d1320}
  .sidebar nav a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .back{display:none}
  main{margin:0;padding:14px 10px 40px}
  .admin-hero{padding:8px 2px 2px;gap:12px}.admin-hero h1{font-size:25px}.admin-hero p{font-size:12px}
  .hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.hero-actions .button,.hero-actions button{width:100%;padding:9px 8px;font-size:12px}
  .card{margin:12px 0;padding:14px;border-radius:14px}
  .section-head{gap:10px}.section-head h2{font-size:19px}.section-head p{font-size:11px}.badge,.live-badge{font-size:9px;padding:5px 7px}
  .stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:13px}.stat strong{font-size:23px}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filters input{grid-column:1/-1;min-width:0}.filters select,.filters button,.filters input{width:100%;min-width:0}
  #publicaciones .table-wrap,#usuarios .table-wrap{overflow:visible;border:0}
  #publicaciones table,#usuarios table{display:block;min-width:0!important;width:100%;table-layout:auto}
  #publicaciones thead,#usuarios thead{display:none}
  #publicaciones tbody,#usuarios tbody{display:grid;gap:10px}
  #publicaciones tr,#usuarios tr{display:block;padding:12px;border:1px solid #283149;border-radius:13px;background:#0b1020}
  #publicaciones td,#usuarios td{display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:9px;width:100%!important;padding:7px 0!important;border:0!important;font-size:12px;overflow:visible!important}
  #publicaciones td:before,#usuarios td:before{content:attr(data-label);color:#7885a7;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
  #publicaciones td:first-child,#usuarios td:first-child{padding-top:0!important}
  #publicaciones .post-actions,#usuarios .user-actions{display:flex;flex-wrap:wrap;gap:6px;white-space:normal}
  #publicaciones .post-actions a,#publicaciones .post-actions button,#usuarios .user-actions button{flex:1 1 auto;text-align:center}
  #usuarios .provider-badge{width:max-content;max-width:100%}
  .analytics-admin-label{align-items:flex-start}.analytics-panel{padding:12px}
  .analytics-panel .cm-an-head{margin-bottom:12px}.analytics-panel .cm-an-head h2{font-size:19px}.analytics-panel .cm-an-head p{font-size:10px}
  .analytics-panel .cm-an-cards{grid-template-columns:1fr 1fr}.analytics-panel .cm-an-grid{grid-template-columns:1fr}
  .analytics-panel .cm-an-panel{padding:12px}.analytics-panel .cm-an-chart{height:190px}
  .animations{grid-template-columns:1fr 1fr}
  .modal-card{width:calc(100% - 18px);margin:2vh auto;max-height:96vh;padding:16px}
  .vip-admin-box{grid-template-columns:1fr}
}
@media(max-width:420px){
  .stats{grid-template-columns:1fr 1fr}.stat strong{font-size:21px}
  .filters{grid-template-columns:1fr}.filters input{grid-column:auto}
  #publicaciones td,#usuarios td{grid-template-columns:78px minmax(0,1fr)}
  .analytics-panel .cm-an-cards{grid-template-columns:1fr}
  .animations{grid-template-columns:1fr}
}