:root{--bg:#1f232a;--panel:#2b3038;--panel2:#343a44;--line:#454b55;--text:#d7dce2;--muted:#aab2bd;--link:#6aa9ff;--zbx:#d40000;--green:#59db8f;--red:#e45959;--orange:#e97659;--yellow:#ffc859;--blue:#7499ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.4 Arial,Helvetica,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:176px;background:#15191f;border-right:1px solid #303640;display:flex;flex-direction:column}.sidebar-header{height:52px;display:flex;align-items:center;padding:0 12px}.logo{text-decoration:none}.zabbix-sidebar-logo{display:inline-flex;align-items:center;justify-content:center;width:116px;height:28px;background:var(--zbx);color:#fff;font-weight:700;letter-spacing:.5px;border-radius:2px}.sidebar-header-buttons{margin-left:auto;display:flex;gap:4px}.sidebar-header-buttons button,.search-icon,.btn-widget-action{width:22px;height:22px;border:1px solid #555d68;background:#252a32;color:var(--muted);border-radius:2px}.button-compact:before{content:'‹'}.button-hide:before{content:'×'}.server-name{padding:0 12px 10px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-search{display:flex;margin:0 10px 12px}.search{min-width:0;flex:1;background:#0f1318;border:1px solid #3c424c;border-radius:2px;color:#dfe5ec;padding:7px}.search-icon:before{content:'⌕'}.sidebar-nav{overflow:auto;flex:1}.menu-main,.submenu,.menu-user,.dashboard-controls,.dashbrd-grid-widget-actions{margin:0;padding:0;list-style:none}.menu-main>li>a,.menu-user a{display:block;padding:10px 14px;color:#c8d0da;text-decoration:none}.menu-main>li.is-selected>a{background:#252b34;color:#fff;border-left:3px solid var(--zbx);padding-left:11px}.submenu a{display:block;padding:6px 12px 6px 30px;color:#aeb7c2;text-decoration:none}.submenu .is-selected a{color:#fff;background:#303743}.nav-user{border-top:1px solid #303640;margin-top:12px}.wrapper{margin-left:176px;min-height:100%;overflow:auto}.topbar{height:72px;border-bottom:1px solid #3a4049;background:#252a31;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.topbar h1{margin:0;color:#f0f3f6;font-size:22px;font-weight:400}.breadcrumbs{margin-top:4px;color:var(--muted);font-size:12px}.breadcrumbs a{color:var(--link);text-decoration:none}.dashboard-controls{display:flex;gap:8px}.btn-main,.btn-alt,.filter-trigger,.time-selector button,.btn-link{border:1px solid #56606c;background:#343b45;color:#e2e8ef;border-radius:2px;padding:6px 10px;font:inherit}.btn-main{background:#cc2936;border-color:#cc2936;color:#fff}.btn-link{padding:3px 7px;color:#dce8ff;background:#3a414b}.filter-space{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #353b45}.time-selector{display:flex;gap:6px}.dashbrd-grid-container{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px;padding:14px 22px 28px}.dashbrd-grid-widget{background:var(--panel);border:1px solid #444b55;border-radius:2px;min-width:0}.widget-wide{grid-column:1/-1}.dashbrd-grid-widget-head{height:38px;border-bottom:1px solid #444b55;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#303640}.dashbrd-grid-widget-head h4{margin:0;font-size:14px;font-weight:700}.dashbrd-grid-widget-content{overflow:auto}.list-table{width:100%;border-collapse:collapse;background:#252a31;color:#d8dee6;white-space:nowrap}.list-table th,.list-table td{border-bottom:1px solid #3b424d;padding:7px 9px;text-align:left;vertical-align:top}.list-table th{height:30px;background:#343a44;color:#cbd3dd;font-weight:700}.list-table tbody tr:hover td{background-color:rgba(255,255,255,.035)}.right{text-align:right}.timeline-th{width:18px}.timeline-date a,.link-action{color:#7fb3ff;text-decoration:none}.timeline-axis{position:relative;width:18px}.timeline-dot:before{content:'';position:absolute;top:13px;left:8px;width:7px;height:7px;border-radius:50%;background:#8b95a1}.timeline-td{width:16px;border-left:1px solid #56606d}.problem-unack-fg{color:#ff8a8a;font-weight:700}.status-icon.info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#59a7ff;color:#10151b;font-weight:700}.na-bg{background:#97aab3;color:#111}.info-bg{background:#7499ff;color:#111}.warning-bg{background:#ffc859;color:#111}.average-bg{background:#ffa059;color:#111}.high-bg{background:#e97659;color:#111}.disaster-bg{background:#e45959;color:#111}.average-bg a,.high-bg a,.warning-bg a,.disaster-bg a{color:#10151b;font-weight:700}.actions-cell{min-width:150px}.status-grid{padding:12px}.status-grid div{display:flex;justify-content:space-between;border-bottom:1px solid #424954;padding:8px 0}.status-grid b{font-weight:700}.ok{color:var(--green)}.warn{color:var(--yellow)}.availability{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:16px}.donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--green) 0 97.3%,var(--red) 97.3% 99.4%,#8c98a5 99.4%);position:relative}.donut:after{content:'';position:absolute;inset:28px;background:var(--panel);border-radius:50%}.legend{display:grid;gap:8px}.legend i{display:inline-block;width:10px;height:10px;margin-right:7px}.green{background:var(--green)}.red{background:var(--red)}.gray{background:#8c98a5}.severity-bars{display:grid;gap:10px;padding:16px}.severity-bars div{display:grid;grid-template-columns:72px 1fr 34px;gap:10px;align-items:center}.severity-bars meter{width:100%;height:12px}.zfc-contact-button{margin-left:8px}@media(max-width:980px){.sidebar{width:142px}.wrapper{margin-left:142px}.dashbrd-grid-container{grid-template-columns:1fr}.topbar{height:auto;gap:12px;align-items:flex-start;flex-direction:column;padding:14px 16px}.filter-space{padding:12px 16px}.dashbrd-grid-container{padding:12px 16px}.dashboard-controls{flex-wrap:wrap}}