:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#eef2ff;background:#0b1020;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}input,select,textarea,button{font:inherit}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:#111936;border:1px solid #ffffff14;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0003}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:800px){.grid-2,.grid-3{grid-template-columns:1fr}}.table-wrap{border:1px solid #ffffff14;border-radius:12px;overflow:auto}table{border-collapse:collapse;background:#0f1730;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:10px 12px}th{color:#c7d2fe;background:#172143;font-weight:600}.btn{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:10px;padding:9px 14px;display:inline-block}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#26304f}.btn.danger{background:#b91c1c}.input{color:#eef2ff;background:#0b1020;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:10px}.label{color:#c7d2fe;margin-bottom:6px;font-size:14px;display:block}.nav{z-index:10;background:#0f1730;border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:10px;padding:16px 24px;display:flex;position:sticky;top:0}.nav a,.nav button{color:#eef2ff;cursor:pointer;background:#172143;border:0;border-radius:10px;padding:8px 11px}.small{color:#aab4d4;font-size:13px}.error{background:#451a1a;border:1px solid #991b1b;border-radius:10px;padding:10px}.success{background:#064e3b;border:1px solid #047857;border-radius:10px;padding:10px}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.metric-online h3,.metric-offline h3,.metric-unknown h3{margin-top:0}.compact-filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.compact-filter-field{flex:0 240px;min-width:180px}.compact-filter-main{flex:280px}.compact-filter-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:700px){.compact-filter-row{grid-template-columns:1fr;display:grid}.compact-filter-actions{width:100%}.compact-filter-actions .btn{flex:1}}.status-badge{border:1px solid #ffffff1f;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.status-online{color:#bbf7d0;background:#064e3b;border-color:#047857}.status-offline{color:#fecaca;background:#451a1a;border-color:#991b1b}.status-unknown{color:#c7d2fe;background:#26304f;border-color:#ffffff1f}.metric-online{background:linear-gradient(135deg,#064e3bf2,#111936f2);border-color:#047857}.metric-offline{background:linear-gradient(135deg,#451a1af2,#111936f2);border-color:#991b1b}.metric-unknown{background:linear-gradient(135deg,#26304ff2,#111936f2);border-color:#475569}.stats-number-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.stats-number-field{flex:0 155px;min-width:145px}.stats-number-main{flex:260px;min-width:240px}.stats-number-limit{flex:0 0 95px;min-width:95px}.stats-number-actions{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}@media (max-width:760px){.stats-number-filters{grid-template-columns:1fr 1fr;display:grid}.stats-number-main,.stats-number-actions{grid-column:1/-1}}@media (max-width:520px){.stats-number-filters{grid-template-columns:1fr}.stats-number-actions .btn{flex:1}}@media (max-width:700px){.filters{grid-template-columns:1fr}.filters .filter-wide{grid-column:auto}}.container,.dashboard-container,.main-container,.page-container{width:min(90vw,1800px);max-width:1800px;margin-left:auto;margin-right:auto}@media (max-width:768px){.container,.dashboard-container,.main-container,.page-container{width:96vw;max-width:96vw}}.table-wrap,.table-container{width:100%;overflow-x:auto}.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;margin-bottom:12px;display:grid}.filters .filter-wide{grid-column:span 2}@media (max-width:700px){.filters{grid-template-columns:1fr}.filters .filter-wide{grid-column:auto}}.filters,.compact-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;margin-bottom:12px;display:grid}.filters .filter-wide,.compact-filters .filter-wide{grid-column:span 2}.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-sort{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.table-sort:hover{text-decoration:underline}@media (max-width:700px){.filters,.compact-filters{grid-template-columns:1fr}.filters .filter-wide,.compact-filters .filter-wide{grid-column:auto}}.filters-row.number-stats-filters{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end;gap:10px;display:grid}.filters-row.number-stats-filters .filter-wide{min-width:220px}.filters-actions,.table-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-toolbar{justify-content:space-between;margin-top:10px}.table-sort-button{color:inherit;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:0}.table-sort-button span{opacity:.65;margin-left:4px}
