*{box-sizing:border-box}body{background:linear-gradient(#0a1530 0%,#0f2035 100%);min-height:100vh}a{color:#2ed8dd;text-decoration:none}a:hover{text-decoration:underline}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.btn-primary{color:#0a1530;cursor:pointer;background:#2ed8dd;border:none;border-radius:6px;padding:10px 18px;font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:8px 14px;font-size:.875rem;transition:background .15s}.btn-secondary:hover{background:#ffffff0d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.input{color:#e2e8f0;background:#0a1530;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem}.input:focus{border-color:#2ed8dd;outline:none;box-shadow:0 0 0 2px #2ed8dd40}.card{background:#14213d;border:1px solid #ffffff0f;border-radius:8px;padding:18px}.card-title{margin:0 0 8px;font-size:1.05rem}.muted{color:#94a3b8;font-size:.85rem}.tiny{color:#64748b;font-size:.75rem}.status-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;display:inline-block}.status-online{background:#10b981}.status-offline{background:#ef4444}.status-maintenance{background:#f59e0b}.status-unknown{background:#64748b}.grid-cards{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=700px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.grid-cards{grid-template-columns:repeat(3,1fr)}}.stats-bar{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.stat-pill{background:#14213d;border:1px solid #ffffff14;border-radius:8px;padding:10px 14px}.stat-pill strong{color:#2ed8dd;font-size:1.4rem;display:block}.stat-pill span{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.tabs{border-bottom:1px solid #ffffff14;gap:8px;margin-bottom:16px;display:flex}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px}.tab-btn.active{color:#2ed8dd;border-bottom-color:#2ed8dd}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:8px 10px}.table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.table tr:hover td{background:#ffffff08}.alert{border:1px solid;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:.9rem}.alert-error{color:#fca5a5;background:#ef444414;border-color:#ef444466}.alert-success{color:#2ed8dd;background:#2ed8dd14;border-color:#2ed8dd66}.pulse-online{animation:2.2s ease-in-out infinite pulse-green}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b98173}50%{box-shadow:0 0 0 6px #10b98100}}.spinner{vertical-align:-2px;border:2px solid #fff3;border-top-color:#2ed8dd;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.bar{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}.bar>div{height:100%;transition:width .3s}.bar-green>div{background:#10b981}.bar-yellow>div{background:#f59e0b}.bar-red>div{background:#ef4444}.pill{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border:1px solid #ffffff1f;border-radius:999px;padding:2px 8px;font-size:.7rem;display:inline-block}.action-create{color:#10b981}.action-view{color:#38bdf8}.action-config{color:#f59e0b}.action-delete{color:#f87171}.timeline-grid{grid-template-columns:130px repeat(24,1fr);gap:2px;font-size:.7rem;display:grid}.timeline-cell{background:#ffffff0d;border-radius:2px;height:18px}.timeline-cell.green{background:#10b98199}.timeline-cell.red{background:#ef444499}.timeline-cell.gray{background:#64748b40}.timeline-label{color:#94a3b8;align-items:center;font-size:.75rem;display:flex}.modal-overlay{z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#14213d;border:1px solid #ffffff1a;border-radius:8px;width:520px;max-width:calc(100% - 32px);padding:22px}.toggle{width:34px;height:18px;display:inline-block;position:relative}.toggle input{display:none}.toggle-slider{cursor:pointer;background:#ffffff26;border-radius:18px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-slider{background:#2ed8dd}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}