:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e7edf7;background:#0b1020}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#162544,#0b1020 50%);color:#e7edf7}button,input,select,textarea{font:inherit}button,input,select,textarea{border-radius:8px;border:1px solid #2f3f62;background:#0f172b;color:#edf2ff;padding:8px 10px}button{cursor:pointer;background:#2f5bff;border-color:#2f5bff;color:#fff}.button-link{text-decoration:none;border-radius:8px;border:1px solid #35528f;background:#1d315f;color:#fff;padding:8px 10px;display:inline-flex;align-items:center}button:hover{filter:brightness(1.08)}.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:20px;border-right:1px solid #293a5f;background:#0c1426e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-title{margin-top:0}.sidebar select{width:100%;margin-bottom:14px}.tabs{display:grid;gap:8px}.tabs button.active{background:#345cf7;color:#fff}.user-box{margin-top:24px}.username{margin-bottom:8px;font-weight:600}.content{padding:24px}.content h1{margin-top:0}.panel{border:1px solid #31466f;border-radius:12px;padding:18px;display:grid;gap:16px;background:#0a1224bf}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.toggle-with-badge{display:grid;gap:8px}.toggle-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #334b78;border-radius:10px;padding:12px;background:#101a31}.toggle-label{font-weight:600}.toggle-control input{position:absolute;opacity:0;pointer-events:none}.toggle-control{position:relative;display:inline-flex}.toggle-slider{width:52px;height:28px;border-radius:20px;background:#2a3554;position:relative;transition:.2s ease}.toggle-slider:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#d4ddf5;top:3px;left:3px;transition:.2s ease}.toggle-control input:checked+.toggle-slider{background:#1f9d67}.toggle-control input:checked+.toggle-slider:after{transform:translate(24px)}.numeric-grid label{display:grid;gap:6px}.actions{display:flex;gap:8px}textarea{width:100%;min-height:150px;background:#0a1224;color:#dce8ff}.toast{color:#4bd18f}.error{color:#ff8e8e}.subtle{margin:0;color:#9eb4df}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:12px;border-radius:999px;border:1px solid;width:fit-content}.badge-on{color:#63db9d;border-color:#2f8f60;background:#277c5440}.badge-off{color:#f0b8b8;border-color:#8f5252;background:#823d3d2e}.kpis{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.kpi-card{border:1px solid #334b78;border-radius:10px;padding:8px 12px;background:#101a31}.kpi-card p{margin:0 0 4px;color:#9eb4df;font-size:13px}.kpi-card strong{font-size:16px}.fold{border:1px solid #334b78;border-radius:10px;padding:10px;background:#0f1a32}.fold summary{cursor:pointer;font-weight:600;margin-bottom:10px}.log-card{display:grid;gap:8px;border:1px solid #334b78;border-radius:10px;padding:12px;background:#101a31}.table-wrap{overflow-x:auto;border:1px solid #334b78;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #334b78;text-align:left}th{background:#0e162b}.secondary{background:#1d315f;border-color:#35528f}.danger{background:#7a2f3a;border-color:#9e4652}.lists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.list-card{border:1px solid #334b78;border-radius:10px;padding:12px;background:#101a31}.list-card h4{margin:0 0 8px}.inline-form{display:flex;gap:8px}.chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.chip{background:#213c6f;border-color:#33558f;padding:4px 10px}.chip-danger{background:#6e2a33;border-color:#9d4651}.links-row{display:flex;gap:10px;margin-top:6px}.links-row a{color:#9cc1ff;font-size:12px}.pagination-row{display:flex;align-items:center;gap:10px}.incident-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.incident-card{border:1px solid #334b78;border-radius:10px;background:#101a31;padding:10px}.incident-card p{margin:0 0 6px;color:#9eb4df;font-size:12px}.incident-card strong{font-size:22px}.incident-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}.incident-box{border:1px solid #334b78;border-radius:10px;background:#101a31;padding:10px}.incident-box h4{margin:0 0 8px}.bar-row{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.bar-track{background:#1a2948;height:10px;border-radius:999px;overflow:hidden}.bar-fill{background:#3c67ff;height:100%}.bar-fill.warning{background:#d48b2f}.anomaly-box{border:1px solid #8f5f2b;border-radius:10px;background:#84541733;padding:10px}.anomaly-box h4{margin:0 0 8px}.anomaly-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0}.threshold-field{display:inline-flex;align-items:center;gap:8px}.threshold-field span{font-size:13px;color:#9eb4df}.threshold-field input{width:120px}.timeline-bars{height:170px;display:grid;grid-template-columns:repeat(24,minmax(8px,1fr));gap:6px;align-items:end}.timeline-col{height:100%;display:grid;align-items:end;justify-items:center;gap:6px}.timeline-bar{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5780ff,#345df2)}.timeline-bar.alert{background:linear-gradient(180deg,#ff9a4a,#cc6f21)}.timeline-col span{font-size:10px;color:#8ea7d8}