:root{color-scheme:dark;--bg:#071012;--panel:#0d1a1d;--panel2:#122429;--text:#eaf5f4;--muted:#8da3a2;--line:#1f383d;--green:#46d98b;--blue:#5eb7ff;--yellow:#ffd05c;--orange:#ff984f;--red:#ff5a63}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:#7bdcff;text-decoration:none}input,select,textarea,button{font:inherit}button,.button{display:inline-flex;align-items:center;gap:8px;background:#30b8a6;color:#001817;border:0;border-radius:6px;padding:10px 14px;font-weight:700;cursor:pointer}.ghost{background:#173136;color:var(--text)}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#091719;border-right:1px solid var(--line);padding:24px}.brand{margin-bottom:28px}.brand img{display:block;height:40px;width:auto;max-width:100%}nav{display:grid;gap:8px}nav a,.logout{display:flex;align-items:center;gap:10px;padding:12px;border-radius:6px;color:var(--muted)}nav a.active,nav a:hover,.logout:hover{background:var(--panel2);color:var(--text)}.logout{position:absolute;bottom:20px;left:24px;right:24px}.nav-ico{width:18px;height:18px;flex:0 0 18px}
.main{margin-left:250px;padding:28px;min-height:100vh}.login-main{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:30px}.login-card h1{margin:0}.login-card p{color:var(--muted)}.login-logo{display:block;height:52px;width:auto;margin:0 auto 20px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.top h1{margin:0;font-size:30px}h2{font-size:18px;margin:28px 0 12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stats article{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{display:block;margin-top:8px;font-size:24px}
a.stat-card{display:block;color:inherit;transition:transform .1s ease}a.stat-card article{cursor:pointer}a.stat-card:hover article{border-color:#30b8a6}a.stat-card:active{transform:scale(.98)}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px}.bitacora-table{table-layout:fixed}.bitacora-table td{word-break:break-word}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}th{color:#bcd0cf;background:#102126;font-size:13px}tr:first-child th:first-child{border-top-left-radius:8px}tr:first-child th:last-child{border-top-right-radius:8px}tr:last-child td:first-child{border-bottom-left-radius:8px}tr:last-child td:last-child{border-bottom-right-radius:8px}tr:last-child td{border-bottom:0}.empty,.note,.muted{color:var(--muted)}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#20343a;font-size:12px}.saludable{color:var(--green)}.observación{color:var(--blue)}.advertencia{color:var(--yellow)}.anomalía{color:var(--orange)}.crítico{color:var(--red)}
[data-tip]{position:relative;cursor:help;text-decoration:underline dotted var(--muted) 1px;text-underline-offset:3px}[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:0;top:100%;margin-top:6px;background:#173136;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:6px;font-size:12px;font-weight:400;line-height:1.4;white-space:normal;width:230px;z-index:20;box-shadow:0 6px 16px rgba(0,0,0,.45)}
.form label>span[data-tip]{display:inline-block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;padding:0;list-style:none}.list li{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.bar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.bar input{flex:2 1 240px;min-width:200px}.bar select{flex:0 1 160px}.form{display:grid;gap:14px;max-width:900px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px;color:#c9d8d7}input,select,textarea{width:100%;background:#071416;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:11px}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.checks label{display:flex;align-items:center;gap:8px}.checks input{width:auto}.alert{border-radius:6px;padding:12px;margin-bottom:14px}.ok{background:#123626;color:#76f1ac}.bad{background:#3a1519;color:#ff9da3}.timeline{padding:0;list-style:none}.timeline li{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:12px}.timeline time{display:block;color:var(--muted);font-size:13px}
.toast{position:fixed;top:20px;right:20px;background:#123626;color:#76f1ac;border:1px solid #1f5c3c;border-radius:8px;padding:14px 18px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s;z-index:1000;max-width:360px}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:820px){.sidebar{position:static;width:auto}.main{margin-left:0;padding:18px}.grid2,.row{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}table{display:block;overflow-x:auto}}

.chart{height:150px;display:flex;align-items:end;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.chart span{display:block;flex:1;background:#30b8a6;min-width:3px;border-radius:3px 3px 0 0}