html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#172033;background:#eef2f5;margin:0;font-family:Inter,system-ui,Arial}.wrap{padding:22px}.header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{height:46px}.title{font-size:26px;font-weight:800}.subtitle{color:#667085;font-size:13px}.top-actions{align-items:center;gap:12px;display:flex}.muted{color:#667085}.tabs{gap:8px;margin:18px 0;display:flex}.tabs a{color:#16304a;background:#fff;border:1px solid #dfe5ec;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none}.tabs a.active{color:#fff;background:#16304a}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.card,.panel{background:#fff;border:1px solid #dfe5ec;border-radius:8px;box-shadow:0 1px 2px #0001}.card{padding:22px}.label{color:#10243b;margin-bottom:14px;font-size:15px}.value{color:#16304a;font-size:30px;font-weight:800}.panel{margin-bottom:22px;overflow:hidden}.panel h2,summary{cursor:pointer;border-bottom:1px solid #e7ebef;margin:0;padding:16px 18px;font-size:18px;font-weight:700}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f2;padding:10px 12px;font-size:13px}th{color:#344054;background:#f8fafc}a{color:#0b65c2;font-weight:700;text-decoration:none}.badge{background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.urgent,.offline{color:#991b1b;background:#fee2e2}.high,.degraded{color:#9a3412;background:#ffedd5}.medium,.monitoring{color:#1d4ed8;background:#dbeafe}.low,.online{color:#166534;background:#dcfce7}.recovered{color:#075985;background:#e0f2fe}.subject{white-space:nowrap;text-overflow:ellipsis;max-width:560px;overflow:hidden}form.filters{grid-template-columns:repeat(6,1fr);gap:12px;padding:16px;display:grid}select,input,button{border:1px solid #cfd8e3;border-radius:6px;padding:10px;font-size:13px}button{color:#fff;cursor:pointer;background:#16304a;font-weight:700}.clear{color:#fff;text-align:center;background:#64748b;border-radius:6px;padding:10px 14px}.tz-select{padding:6px 10px}.attention{color:#991b1b;font-weight:800}.good{color:#166534;font-weight:800}@media (max-width:1300px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}form.filters{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.cards,form.filters{grid-template-columns:1fr}.top-actions{flex-wrap:wrap}.header{flex-direction:column;align-items:flex-start;gap:14px}}.badge.unreachable{color:#57534e;background:#e7e5e4}.app-shell{background:#eef2f5;min-height:100vh;display:grid}.app-sidebar-wrap{z-index:50;flex-shrink:0;height:100vh;position:sticky;top:0}.app-main{min-width:0;padding:22px;overflow-x:hidden}.mobile-burger{z-index:60;color:#fff;cursor:pointer;background:#16304a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:none;position:fixed;top:10px;left:10px;box-shadow:0 3px 10px #00000040}.mobile-backdrop{z-index:45;background:#0f172a66;display:none;position:fixed;inset:0}.r-grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.r-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.r-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.r-flex-wrap{flex-wrap:wrap;gap:8px;display:flex}.r-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.r-table-wrap table{width:max-content;min-width:900px}.r-table-wrap th,.r-table-wrap td{white-space:nowrap}.r-table-wrap td.allow-wrap,.r-table-wrap th.allow-wrap{white-space:normal;max-width:320px}@media (max-width:1200px){.r-grid-4,.r-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-shell{grid-template-columns:1fr!important}.app-sidebar-wrap{width:auto;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #00000026}.app-shell.sidebar-open .app-sidebar-wrap{transform:translate(0)}.app-shell.sidebar-open .mobile-backdrop{display:block}.mobile-burger{display:flex}.app-main{padding:64px 12px 16px}.r-grid-2,.r-grid-3{grid-template-columns:1fr!important}.r-grid-4{grid-template-columns:1fr 1fr!important;gap:10px!important}.r-stat-card{padding:12px 14px!important}.r-stat-card .r-stat-value{font-size:22px!important}table th,table td{padding:7px 8px;font-size:12px}.subject{max-width:200px}.app-main table{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.card{padding:14px}.panel h2,summary{padding:12px 14px;font-size:15px}.tickets-tab-row{-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:4px;overflow-x:auto}.r-table-wrap table{width:100%!important;min-width:0!important}.r-table-wrap th{padding:8px 12px!important;font-size:11px!important}.r-table-wrap td{padding:8px 12px!important;font-size:13px!important}.r-table-wrap td a{font-size:13px!important}.r-table-wrap td.r-truncate{text-overflow:ellipsis!important;max-width:55vw!important;overflow:hidden!important}.login-shell{padding:16px!important}.login-card{box-sizing:border-box!important;width:100%!important;max-width:420px!important;padding:28px 22px!important}.login-card input,.login-card button{box-sizing:border-box!important;width:100%!important}.topbar{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}.topbar-title>div:first-child{font-size:22px!important}.topbar-title>div:last-child{font-size:12px!important}.topbar-meta{width:100%;flex-wrap:wrap!important;gap:8px 12px!important;font-size:12px!important}.topbar-env,.tz-label{display:none!important}.tz-row{flex-wrap:wrap!important;gap:6px 8px!important}.tz-refresh{font-size:11px!important;font-weight:600!important}}@media (max-width:480px){.app-main{padding:60px 8px 12px}.value{font-size:22px}.title{font-size:20px}}@media (max-width:768px){.r-stack{grid-template-columns:1fr!important}.r-flex{flex-wrap:wrap!important}.r-modal{width:92vw!important;min-width:0!important;max-width:92vw!important;max-height:88vh!important;overflow-y:auto!important}.r-stack input,.r-stack select,.r-stack textarea{box-sizing:border-box;width:100%!important}}