:root{--bg:#0b1020;--panel:#121a33;--card:#fff;--text:#101828;--muted:#667085;--blue:#2563eb;--green:#16a34a;--amber:#d97706;--red:#dc2626;--line:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f3f6fb;color:var(--text);padding-bottom:92px}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#1d4ed8,#081124 55%,#050816)}.login-card{width:min(430px,92vw);background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 80px #0008}.brand-badge{width:64px;height:64px;border-radius:20px;background:#111827;color:white;display:grid;place-items:center;font-weight:900;font-size:24px}.login-card h1{margin:18px 0 6px}.login-card p{color:var(--muted)}label{display:grid;gap:7px;font-weight:700;font-size:14px}input,select{width:100%;padding:14px 14px;border:1px solid var(--line);border-radius:14px;background:white;font-size:16px}button,.login-card button{border:0;border-radius:14px;padding:14px 18px;background:var(--blue);color:#fff;font-weight:900;font-size:15px;cursor:pointer}form{display:grid;gap:14px}.topbar{position:sticky;top:0;z-index:5;background:#081124;color:white;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #0002}.topbar strong{display:block;font-size:18px}.topbar span{font-size:12px;color:#bcd}.topbar a{color:white;text-decoration:none;background:#ffffff18;padding:10px 12px;border-radius:12px}.wrap{max-width:1180px;margin:auto;padding:18px}.hero,.form-card{background:white;border-radius:24px;padding:20px;margin-bottom:16px;box-shadow:0 8px 24px #1018280d}.hero h1,.toolbar h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.kpis div{background:white;border-radius:22px;padding:18px;box-shadow:0 8px 24px #1018280d;border-left:6px solid var(--blue)}.kpis b{display:block;font-size:34px}.kpis span{color:var(--muted);font-weight:800}.kpis .ok{border-color:var(--green)}.kpis .warn{border-color:var(--amber)}.kpis .bad{border-color:var(--red)}.zone-grid,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.zone-card,.ficha,.mini{background:white;border-radius:24px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 8px 24px #1018280d}.zone-card strong{font-size:22px;display:block}.zone-card span,.mini p,.ficha p{color:var(--muted)}.toolbar{background:white;border-radius:24px;padding:18px;margin-bottom:16px}.filters{grid-template-columns:180px 180px 1fr auto;align-items:end}.grid-form{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end}.inline{display:flex;gap:10px;align-items:center}.inline input{flex:1}.ficha{position:relative;border:1px solid #edf2f7}.ficha h3{margin:0 0 8px}.ficha a{color:var(--blue);font-weight:800}.pill{display:inline-flex;margin:8px 0;padding:8px 10px;border-radius:999px;font-weight:900}.pill.activa{background:#dcfce7;color:#166534}.pill.peleandose{background:#fef3c7;color:#92400e}.pill.caida{background:#fee2e2;color:#991b1b}.status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.status-row button{padding:10px;font-size:13px;background:#111827}.actions{display:flex;gap:12px;align-items:center;margin-top:10px}.actions a{background:#eef2ff;padding:10px 12px;border-radius:12px;text-decoration:none}.linkdanger{background:transparent;color:var(--red);padding:0}.dangerbtn{background:var(--red)}.zone-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;background:#f8fafc;padding:12px;border-radius:14px}.check{display:flex;align-items:center;gap:8px}.check input,.zone-checks input{width:auto}.timeline{display:grid;gap:10px}.timeline div{background:white;border-radius:18px;padding:14px}.timeline span{display:block;color:var(--muted);font-size:13px}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#081124;display:flex;justify-content:center;gap:6px;padding:10px 8px env(safe-area-inset-bottom);box-shadow:0 -10px 30px #0003}.bottomnav a{color:#cbd5e1;text-decoration:none;display:grid;place-items:center;min-width:74px;padding:8px;border-radius:16px;font-size:20px}.bottomnav a span{font-size:11px;font-weight:800}.bottomnav a.on{background:white;color:#081124}.alert{padding:12px 14px;border-radius:14px;background:#dcfce7;color:#166534;margin-bottom:14px;font-weight:800}.alert.danger{background:#fee2e2;color:#991b1b}@media(max-width:720px){.wrap{padding:12px}.topbar{border-radius:0 0 22px 22px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px}.kpis div{padding:14px}.kpis b{font-size:28px}.filters{grid-template-columns:1fr}.hero h1,.toolbar h1{font-size:25px}.form-card,.toolbar,.hero,.ficha,.mini{border-radius:20px;padding:16px}.cards{grid-template-columns:1fr}.ficha{font-size:16px}.ficha h3{font-size:21px}.status-row{grid-template-columns:1fr}.bottomnav{justify-content:space-around}.bottomnav a{min-width:auto;flex:1}.inline{display:grid}.login-card{padding:22px}.grid-form{grid-template-columns:1fr}}@media(min-width:900px){body{padding-bottom:0}.bottomnav{top:76px;bottom:auto;left:18px;right:auto;width:92px;border-radius:26px;display:grid}.wrap{padding-left:125px}.bottomnav a{width:72px}}
.table-card{background:white;border-radius:24px;overflow:auto;box-shadow:0 8px 24px #1018280d;border:1px solid #edf2f7}.fichas-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}.fichas-table th{position:sticky;top:0;background:#0b1020;color:#fff;text-align:left;padding:14px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.fichas-table td{padding:14px;border-bottom:1px solid #edf2f7;vertical-align:middle}.fichas-table tr:hover td{background:#f8fafc}.fichas-table td strong{font-size:15px}.mini-status{margin-top:7px;display:block}.mini-status select{padding:9px;border-radius:10px;font-size:13px}.table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.editbtn{display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#1d4ed8!important;text-decoration:none;border-radius:12px;padding:10px 13px;font-weight:900}.muted,.empty{color:var(--muted)}.empty{text-align:center;padding:28px!important;font-weight:800}
@media(max-width:720px){.table-card{overflow:visible;background:transparent;box-shadow:none;border:0}.fichas-table{min-width:0;border-collapse:collapse}.fichas-table thead{display:none}.fichas-table,.fichas-table tbody,.fichas-table tr,.fichas-table td{display:block;width:100%}.fichas-table tr{background:white;border-radius:20px;margin-bottom:12px;box-shadow:0 8px 24px #1018280d;border:1px solid #edf2f7;overflow:hidden}.fichas-table td{display:grid;grid-template-columns:96px 1fr;gap:12px;border:0;border-bottom:1px solid #edf2f7;padding:12px 14px}.fichas-table td:last-child{border-bottom:0}.fichas-table td::before{content:attr(data-label);font-weight:900;color:#667085}.fichas-table td strong{font-size:17px}.pill{margin:0}.mini-status{margin-top:8px}.table-actions{justify-content:flex-start}.editbtn{width:100%;padding:13px}.empty{display:block!important;background:white;border-radius:18px}.empty::before{display:none}}
.code-badge{display:inline-flex;background:#111827;color:#fff;border-radius:999px;padding:8px 12px;font-weight:1000;letter-spacing:.02em}.notes-box{min-width:220px}.notes-ind{cursor:pointer;font-weight:900;border-radius:999px;padding:9px 12px;background:#f1f5f9;display:inline-flex}.notes-ind.has-notes{background:#fef3c7;color:#92400e}.notes-panel{margin-top:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px;display:grid;gap:12px;max-width:430px}.notes-panel textarea{width:100%;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:14px;font-family:inherit;font-size:15px;resize:vertical}.note-item{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:12px;display:grid;gap:8px}.note-item p{margin:0;color:#111827}.note-item small{color:#667085;font-weight:700}.csv-actions{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.downloadbtn{display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff!important;text-decoration:none;border-radius:16px;padding:16px 18px;font-weight:1000;box-shadow:0 8px 24px #10182820}code{background:#f1f5f9;padding:4px 7px;border-radius:8px;font-weight:800}@media(max-width:720px){.csv-actions{grid-template-columns:1fr}.notes-box{min-width:0}.notes-panel{max-width:100%}.code-badge{font-size:16px}.notes-ind{width:100%;justify-content:center}.fichas-table td{grid-template-columns:100px 1fr}}
.csv-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.csv-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:16px;display:grid;gap:14px}.csv-panel h2{margin:0}.csv-zones{max-height:320px;overflow:auto}.csv-mini-actions{display:flex;gap:10px;flex-wrap:wrap}.csv-mini-actions button{background:#111827;padding:10px 12px;font-size:13px}.radio-stack{display:grid;gap:8px;background:white;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.radio-stack label{display:flex;align-items:center;gap:8px;font-weight:800}.radio-stack input{width:auto}@media(max-width:800px){.csv-grid{grid-template-columns:1fr}}