:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#e8ecf7;background:#0b101a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.hidden{display:none!important}.brand{font-weight:900;letter-spacing:1.5px;color:#e9f1ff;font-size:20px}.brand:first-letter{color:#69a5ff}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#1b3459,#0b101a 60%)}.loginCard{width:min(420px,calc(100% - 30px));padding:38px;background:#141d2d;border:1px solid #293851;border-radius:18px;box-shadow:0 24px 90px #0008}.loginCard h1{margin:32px 0 8px}.loginCard p{color:#9baac2}.loginCard label{display:block;margin:30px 0 20px;font-size:13px;color:#c1cbe0}.loginCard input{display:block;width:100%;margin-top:10px}.loginCard button{width:100%;background:#4779ec;border:0;color:white;padding:14px;border-radius:9px;font-weight:700}.error{color:#ff8b8b!important;min-height:20px}.app{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}aside{background:#111827;border-right:1px solid #263247;padding:30px 16px;display:flex;flex-direction:column;gap:7px}aside .brand{margin:4px 12px 40px}.asideTitle{font-size:10px;font-weight:800;color:#65748e;letter-spacing:1.8px;margin:20px 12px 10px}.nav{display:block;text-align:left;width:100%;background:transparent;color:#9baac2;border:0;border-radius:9px;padding:12px 14px;font-size:13px}.nav:hover,.nav.active{background:#1d2f50;color:#dceaff}.asideBottom{margin-top:auto;color:#a0adc1;font-size:12px;padding:14px 8px}.asideBottom button{float:right;background:none;border:0;color:#8eb3ff}.live{color:#42c98c}main{padding:42px clamp(20px,4vw,70px);min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{color:#70a5ff;letter-spacing:2px;font-size:11px;font-weight:800}h1{font-size:30px;margin:9px 0}header p,.panelHead p{color:#8393ac;font-size:13px;margin:0}button.secondary{background:#1b2638;border:1px solid #33425a;color:#d6e3f5;border-radius:8px;padding:10px 14px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.stats article,.panel{background:#141d2b;border:1px solid #26354a;border-radius:12px}.stats article{padding:22px}.stats span{display:block;color:#8496b1;font-size:12px}.stats strong{font-size:32px;display:block;margin-top:13px}.panel{overflow:hidden}.panelHead{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 15px}.panelHead h2{margin:0 0 8px;font-size:18px}.count{font-size:12px;color:#93b5ff;background:#1e3253;padding:7px 10px;border-radius:7px}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:12px 25px 22px}.filters #search{flex:2 1 250px}.filters select{flex:1 1 135px}.filters label{font-size:10px;color:#8e9bb0;display:flex;flex-direction:column;gap:4px}.filters input[type=date]{min-width:135px}input,select{color:#e2ebfa;background:#101827;border:1px solid #324158;border-radius:8px;padding:11px;outline:none}input:focus,select:focus{border-color:#588ef4}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#8190aa;font-size:10px;letter-spacing:1px;background:#101827;padding:15px 20px}td{padding:15px 20px;border-top:1px solid #253246;color:#b4c0d5}td b{color:#edf2fc}td .pill{padding:5px 8px;border-radius:5px;background:#233451;color:#a9c8ff;white-space:nowrap}.state{font-weight:700;color:#60d4a3}.state.bad{color:#ff9797}.state.neutral{color:#a9b7d0}.view{border:0;background:none;color:#84b1ff;font-weight:700}.tableWrap{overflow-x:auto}td{white-space:nowrap}.pager{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;color:#8fa1bc;font-size:12px}.pager button{margin-left:8px}dialog{width:min(740px,calc(100vw - 30px));background:#151f30;border:1px solid #40506c;border-radius:12px;color:#edf3ff;padding:24px}dialog::backdrop{background:#05080ed9}.modalHead{display:flex;justify-content:space-between;align-items:center}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;color:#bed1ee;font-size:12px;line-height:1.6}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:190px 1fr}main{padding:25px 18px}}@media(max-width:700px){.app{display:block}aside{border:0;padding:16px}.asideTitle,#categories,.asideBottom{display:none}aside .brand{margin:0}aside #allBtn{display:none}main{padding:20px 12px}.stats{gap:8px}.stats article{padding:15px}.stats strong{font-size:24px}header h1{font-size:23px}.panelHead{padding:18px}.filters{padding:12px}.filters input,.filters select{min-width:0}}

.actionForm{display:grid;gap:16px;padding:24px;max-width:720px}.actionForm label{display:grid;gap:7px;color:#c6d5ea;font-size:13px}.actionForm textarea{font:12px ui-monospace,monospace;color:#e2ebfa;background:#101827;border:1px solid #324158;border-radius:8px;padding:12px}.actionForm button{background:#4779ec;border:0;border-radius:8px;color:white;padding:13px}.muted{color:#a2b2c8;font-size:12px;line-height:1.5}.actionForm pre{max-height:260px;overflow:auto}#playerSearch{width:min(100%,550px)}


/* SPAINCITY - Detalles administrativos */
.recordDetail{max-height:72vh;overflow:auto;padding:8px 0}
.recordTop{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:15px 0 23px;border-bottom:1px solid #304057}
.recordTop h3{font-size:22px;margin:9px 0 5px;color:#f1f5ff}
.recordEyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#7facff}
.recordMuted{font-size:12px;color:#92a2bc}
.recordStatus{padding:9px 12px;border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}
.recordStatus.success{background:#163d32;color:#6de0ad}
.recordStatus.failure{background:#48252c;color:#ff9ba5}
.recordStatus.neutral{background:#253650;color:#b5caff}
.recordGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.recordField{background:#101a2a;border:1px solid #293b55;border-radius:10px;padding:15px;min-width:0}
.recordLabel{display:block;font-size:11px;color:#8e9fbb;margin-bottom:9px;text-transform:capitalize}
.recordField strong{display:block;font-size:13px;color:#f1f5ff;overflow-wrap:anywhere}
.recordSectionTitle{font-size:14px;margin:26px 0 10px}
.recordMessage{background:#18283b;border:1px solid #34506e;border-radius:10px;padding:17px;margin:20px 0}
.recordMessage.recordError{background:#341e29;border-color:#77424c}
.recordMessage strong{font-size:13px}
.recordMessage p{font-size:13px;line-height:1.7;color:#d7e1f1;margin-bottom:0}
.recordRaw{border-top:1px solid #304057;padding:18px 0;margin-top:20px}
.recordRaw summary{cursor:pointer;color:#9abfff;font-size:12px}
.recordRaw pre{background:#0d1522;border-radius:8px;padding:15px;margin-top:12px}
@media(max-width:600px){.recordGrid{grid-template-columns:1fr}.recordTop{flex-direction:column}.recordStatus{white-space:normal}}