@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--font-body: "IBM Plex Sans", "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--bg-main: #f3f7fc;--bg-panel: #ffffff;--bg-sidebar-top: #102f58;--bg-sidebar-bottom: #0c2645;--bg-accent: #1382a8;--text-primary: #1a2a3a;--text-muted: #5f7288;--border-soft: #d7e0ea;--status-critical: #be2c3f;--status-warning: #cc7a1a;--status-normal: #157f59;--status-neutral: #66788a;--shadow-soft: 0 12px 34px rgba(16, 47, 88, .1);--chart-primary: #0f7aa3;--chart-secondary: #2471a3;--chart-tertiary: #2f8f6f;--chart-warning: #cc7a1a;--chart-critical: #be2c3f;--chart-grid: #dce6f2}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at 15% 5%,#d8ebfb 0%,transparent 40%),radial-gradient(circle at 85% 20%,#dbf5f0 0%,transparent 35%),var(--bg-main);min-height:100vh}a{color:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(165deg,var(--bg-sidebar-top),var(--bg-sidebar-bottom));color:#d7e6f5;padding:1.5rem 1rem;box-shadow:8px 0 32px #0a192c2e;transition:transform .25s ease}.brand{border-bottom:1px solid rgba(215,230,245,.2);margin-bottom:1.25rem;padding-bottom:1rem}.brand-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.03em}.brand-subtitle{margin:.35rem 0 0;font-size:.9rem;color:#9ac3e8}.nav-list{display:grid;gap:.35rem}.nav-link{padding:.65rem .75rem;border-radius:.5rem;text-decoration:none;color:#b8d2eb;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background:#1382a840;color:#fff}.nav-link-active{background:#1382a859;color:#fff}.content-shell{display:grid;grid-template-rows:auto 1fr}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-soft);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-button{display:none;border:1px solid var(--border-soft);background:#fff;border-radius:.5rem;padding:.45rem .75rem;color:var(--text-primary);font-family:var(--font-body);font-weight:600}.topbar-title{margin:0;font-size:1.05rem}.topbar-subtitle{margin:.2rem 0 0;color:var(--text-muted);font-size:.86rem}.topbar-meta{display:grid;gap:.2rem;justify-items:end;font-family:var(--font-mono);font-size:.76rem;color:#4d6077}.logout-button{border:1px solid var(--border-soft);background:#fff;border-radius:.45rem;padding:.35rem .55rem;font-size:.78rem;color:#27435e;cursor:pointer}.content-area{padding:1.25rem 1.5rem 2rem}.page-grid{display:grid;gap:1rem}.page-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:.9rem;padding:1rem 1.1rem;box-shadow:var(--shadow-soft)}.page-card-header h2{margin:0;font-size:1.05rem}.page-card-header p{margin:.35rem 0 1rem;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.kpi-card{background:linear-gradient(155deg,#eaf4fb,#f8fcff);border-radius:.7rem;padding:.8rem;border:1px solid #dbe8f5}.kpi-label{margin:0;font-size:.77rem;text-transform:uppercase;color:#587290}.kpi-value{margin:.35rem 0 0;font-size:1.4rem;font-weight:700}.kpi-trend{margin:.25rem 0 0;color:#2f6986;font-size:.82rem}.plain-list{margin:0;padding-left:1rem;color:#2f4258}.plain-list li+li{margin-top:.45rem}.table-wrap{overflow-x:auto}.nms-table{width:100%;border-collapse:collapse;min-width:520px}.nms-table th,.nms-table td{text-align:left;padding:.65rem .55rem;border-bottom:1px solid var(--border-soft);font-size:.9rem}.nms-table th{font-size:.79rem;text-transform:uppercase;letter-spacing:.06em;color:#5a718a}.table-link{color:#0f4c78;font-weight:600;text-decoration:none}.table-link:hover{text-decoration:underline}.error-text{color:var(--status-critical);margin:.2rem 0 .8rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-card{width:min(480px,100%);background:#fff;border-radius:1rem;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);padding:1.4rem}.login-card h1{margin:0;font-size:1.25rem}.login-card p{margin:.45rem 0 1rem;color:var(--text-muted)}.login-form{display:grid;gap:.75rem}.login-form label{display:grid;gap:.35rem;font-size:.85rem}.login-form input{border:1px solid var(--border-soft);border-radius:.45rem;padding:.55rem .6rem;font-family:var(--font-body)}.login-form button{margin-top:.4rem;border:none;background:linear-gradient(120deg,#125277,#1382a8);color:#fff;border-radius:.5rem;padding:.58rem .75rem;font-family:var(--font-body);font-weight:600}.login-form button:disabled{opacity:.65;cursor:not-allowed}.auth-loading{min-height:100vh;display:grid;place-items:center;color:#2f4258;font-weight:600}.alarm-actions{display:flex;gap:.45rem}.alarm-actions button{border:1px solid var(--border-soft);border-radius:.4rem;background:#fff;padding:.3rem .45rem;font-size:.76rem;cursor:pointer}.alarm-actions button:disabled{opacity:.55;cursor:not-allowed}.card-fade{opacity:0;transform:translateY(7px);animation:card-fade-in .4s ease forwards}@keyframes card-fade-in{to{opacity:1;transform:translateY(0)}}.notice-text{color:#0d6d53;margin:.2rem 0 .8rem;font-weight:600}.toolbar-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem;align-items:end;margin-bottom:.85rem}.toolbar-form label{display:grid;gap:.3rem;font-size:.82rem;color:#35506b}.toolbar-form input,.toolbar-form select,.toolbar-form button{border:1px solid var(--border-soft);border-radius:.45rem;min-height:2rem;padding:.45rem .58rem;font-family:var(--font-body);background:#fff}.toolbar-form button{background:linear-gradient(120deg,#125277,#1382a8);color:#fff;border:none;cursor:pointer;font-weight:600}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.admin-form label{display:grid;gap:.3rem;font-size:.82rem;color:#35506b}.admin-form input,.admin-form select,.admin-form button{border:1px solid var(--border-soft);border-radius:.45rem;min-height:2rem;padding:.45rem .58rem;font-family:var(--font-body);background:#fff}.admin-form button{cursor:pointer;border:none;background:linear-gradient(120deg,#125277,#1382a8);color:#fff;font-weight:600}.checkbox-label{display:flex!important;align-items:center;gap:.5rem!important;min-height:2rem}.checkbox-label input{width:1rem;height:1rem;min-height:1rem;margin:0}.form-button-row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:.7rem}.form-button-row button{border:1px solid var(--border-soft);border-radius:.45rem;padding:.5rem .65rem;cursor:pointer;background:#fff;color:#1d4262;font-family:var(--font-body);font-weight:600}.form-button-row button:focus-visible,.form-button-row select:focus-visible,.form-button-row input:focus-visible{outline:2px solid #2d7ea5;outline-offset:1px}.monitoring-range-control{display:grid;gap:.25rem;font-size:.8rem;color:#35506b}.monitoring-range-control select{border:1px solid var(--border-soft);border-radius:.45rem;min-height:2rem;padding:.4rem .55rem;font-family:var(--font-body);background:#fff}.monitoring-custom-range{display:flex;flex-wrap:wrap;gap:.45rem}.monitoring-custom-range label{display:grid;gap:.25rem;font-size:.8rem;color:#35506b}.monitoring-custom-range input{border:1px solid var(--border-soft);border-radius:.45rem;min-height:2rem;padding:.35rem .5rem;font-family:var(--font-body)}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.row-actions a,.row-actions button{border:1px solid var(--border-soft);border-radius:.35rem;background:#fff;padding:.24rem .45rem;font-size:.76rem;cursor:pointer;text-decoration:none;color:#1d4262}.pager-row{display:flex;align-items:center;gap:.65rem;margin-top:.8rem;flex-wrap:wrap}.pager-row button{border:1px solid var(--border-soft);border-radius:.4rem;background:#fff;padding:.35rem .55rem;cursor:pointer}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-bottom:.75rem}.permission-group{border:1px solid var(--border-soft);border-radius:.65rem;padding:.65rem;background:#f8fbff}.permission-group h3{margin:0 0 .45rem;font-size:.9rem;text-transform:capitalize}.permission-list{display:grid;gap:.35rem}.detail-grid{display:grid;grid-template-columns:150px 1fr;gap:.35rem .7rem;margin-bottom:.75rem}.detail-grid dt{color:#35506b;font-weight:600}.detail-grid dd{margin:0}.json-block{margin:0 0 .7rem;background:#0f1720;color:#d7e6f5;border-radius:.5rem;padding:.7rem;overflow-x:auto;font-family:var(--font-mono);font-size:.78rem}.metrics-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-meta{margin:0 0 .45rem;color:#3f5d7b;font-size:.82rem}.metric-empty{margin:.2rem 0 .5rem;color:#587290;font-size:.84rem}.metric-drilldown-card{display:grid;gap:.45rem}.metric-drilldown-row{display:flex;justify-content:flex-end}.metric-drilldown-link{border:1px solid var(--border-soft);border-radius:.42rem;background:#fff;padding:.3rem .55rem;font-size:.78rem;color:#1d4262;text-decoration:none;font-weight:600}.metric-drilldown-link:hover{text-decoration:underline}.metric-drilldown-link:focus-visible{outline:2px solid #2d7ea5;outline-offset:1px}.metrics-groups{display:grid;gap:.75rem}.metric-category-group{border:1px solid var(--border-soft);border-radius:.72rem;background:#fbfdff;overflow:hidden}.metric-category-group summary{cursor:pointer;padding:.65rem .78rem;font-weight:600;color:#20435f;border-bottom:1px solid #e8eff7;-webkit-user-select:none;user-select:none;list-style:none}.metric-category-group summary::-webkit-details-marker{display:none}.metric-category-group summary span{color:var(--text-muted);font-weight:500}.metric-category-group>.metrics-grid{padding:.75rem}.nms-chart-card{border:1px solid #d9e4f0;border-radius:.72rem;padding:.78rem;background:linear-gradient(180deg,#fcfeff,#f7fbff)}.nms-chart-header{display:grid;grid-template-columns:1fr auto;gap:.55rem .9rem;align-items:start;margin-bottom:.5rem}.nms-chart-header h3{margin:0;font-size:.96rem;color:#163654}.nms-chart-description{margin:.23rem 0 .35rem;font-size:.8rem;color:#4f6580}.nms-chart-summary{display:flex;gap:.55rem;flex-wrap:wrap;font-size:.78rem;color:#35506b}.nms-chart-meta{display:grid;justify-items:end;gap:.25rem;font-size:.77rem;color:#4f6580}.nms-chart-meta p{margin:0}.nms-chart-status-row{display:flex;gap:.35rem;align-items:center}.status-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:.14rem .48rem;font-size:.74rem;font-weight:600}.status-normal{color:var(--status-normal);border-color:#157f594d;background:#157f5914}.status-warning{color:var(--status-warning);border-color:#cc7a1a59;background:#cc7a1a1a}.status-critical{color:var(--status-critical);border-color:#be2c3f59;background:#be2c3f1a}.status-no-data{color:var(--status-neutral);border-color:#66788a59;background:#66788a1a}.nms-chart-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.nms-chart-actions button,.nms-chart-actions select{border:1px solid var(--border-soft);border-radius:.42rem;background:#fff;min-height:1.85rem;padding:.32rem .48rem;font-family:var(--font-body);font-size:.76rem}.nms-chart-range{border:1px solid #d8e3ef;border-radius:.42rem;padding:.28rem .42rem;background:#f8fcff;font-size:.74rem;color:#48607a}.nms-chart-legend{display:flex;gap:.38rem;flex-wrap:wrap;margin-bottom:.45rem}.nms-legend-item{border:1px solid var(--border-soft);border-radius:.42rem;background:#fff;padding:.24rem .4rem;font-size:.74rem;color:#1d4262;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.nms-legend-item.muted{opacity:.48}.nms-legend-swatch{width:.68rem;height:.68rem;border-radius:.16rem}.nms-chart-canvas-wrap{position:relative}.nms-chart-svg{width:100%;height:auto;border:1px solid #dae4f0;border-radius:.56rem;background:linear-gradient(180deg,#f7fbff,#fff)}.nms-chart-grid-line{stroke:var(--chart-grid);stroke-width:1}.nms-chart-grid-line.vertical{opacity:.38}.nms-chart-axis-label{fill:#58718a;font-size:11px;font-family:var(--font-body)}.nms-chart-axis-label.y{text-anchor:end}.nms-chart-axis-label.x{text-anchor:middle}.nms-chart-area{fill-opacity:.09}.nms-chart-line{fill:none;stroke-width:2}.nms-chart-threshold{stroke-width:1.1;stroke-dasharray:4 4}.nms-chart-threshold.warning{stroke:var(--chart-warning)}.nms-chart-threshold.critical{stroke:var(--chart-critical)}.nms-chart-threshold-label{font-size:10px;font-family:var(--font-body)}.nms-chart-threshold-label.warning{fill:var(--chart-warning)}.nms-chart-threshold-label.critical{fill:var(--chart-critical)}.nms-chart-crosshair{stroke:#86a8c8;stroke-width:1;stroke-dasharray:3 3}.nms-chart-hover-dot{fill:#fff;stroke-width:2}.nms-chart-hitbox{fill:transparent;pointer-events:all}.nms-chart-tooltip{position:absolute;top:.8rem;transform:translate(0);max-width:min(280px,calc(100% - 1rem));background:#0f1e31ed;color:#e4eef8;border-radius:.45rem;border:1px solid rgba(190,215,239,.25);padding:.45rem .5rem;font-size:.75rem;pointer-events:none;box-shadow:0 8px 24px #0a192c3d}.nms-chart-tooltip.align-left{transform:translate(-100%)}.nms-chart-tooltip.align-right{transform:translate(0)}.nms-chart-tooltip p{margin:.16rem 0}.nms-chart-tooltip-time{color:#bfd4ea;font-weight:600}.nms-chart-tooltip-dot{display:inline-block;width:.52rem;height:.52rem;border-radius:50%;margin-right:.24rem}.nms-chart-empty-state{border:1px dashed #cfdcec;border-radius:.58rem;padding:1rem;text-align:center;color:#58718a;font-size:.84rem;background:#fbfdff}.nms-chart-empty-state p{margin:0 0 .65rem}.nms-chart-empty-state button{border:1px solid var(--border-soft);border-radius:.42rem;background:#fff;padding:.35rem .55rem;cursor:pointer}.nms-chart-skeleton{border:1px solid #dae4f0;border-radius:.58rem;min-height:260px;padding:.8rem;background:linear-gradient(90deg,#f1f6fc 20%,#f9fcff,#f1f6fc 60%);background-size:320% 100%;animation:chart-skeleton-wave 1.6s ease-in-out infinite}.nms-chart-skeleton-line{height:1.65rem;border-radius:.38rem;background:#c2d4e78c;margin-bottom:.45rem}.nms-chart-skeleton-line.short{width:52%}@keyframes chart-skeleton-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.external-link{color:#0f4c78;font-weight:600;text-decoration:none}.external-link:hover{text-decoration:underline}.external-link-icon{font-size:.76rem;color:#456887}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(290px,85vw);z-index:20;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.menu-button{display:inline-block}.topbar{grid-template-columns:auto 1fr}.topbar-meta{grid-column:1 / -1;justify-items:start}.toolbar-form,.admin-form,.detail-grid{grid-template-columns:1fr}.pager-row{flex-wrap:wrap}.metrics-grid,.nms-chart-header{grid-template-columns:1fr}.nms-chart-meta{justify-items:start}.nms-chart-actions{justify-content:flex-start}.monitoring-custom-range{width:100%}}@media (max-width: 680px){.nms-chart-summary{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr))}.nms-chart-tooltip{max-width:calc(100% - .5rem);font-size:.72rem}.nms-chart-skeleton{min-height:220px}.form-button-row{align-items:stretch}.form-button-row>*{width:100%}.monitoring-range-control select,.monitoring-custom-range input{width:100%}}