@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #12131a;--panel: #1c1e29;--border: #2f3242;--text: #e5e7eb;--ok: #4ade80;--warning: #facc15;--critical: #ef4444;--down: #ef4444;--unknown: #9ca3af}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:"Press Start 2P",monospace;font-size:12px}.app-shell{display:flex;flex-direction:column;height:100vh}.stats-header{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--panel);border-bottom:2px solid var(--border);flex-wrap:wrap}.stats-header h1{font-size:14px;margin:0;color:#fff}.stats-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:4px 8px;border-radius:4px;font-size:9px;border:2px solid var(--border)}.pill-ok{color:var(--ok)}.pill-warning{color:var(--warning)}.pill-critical{color:var(--critical)}.pill-down{color:var(--down)}.pill-unknown{color:var(--unknown)}.connection-badge{margin-left:auto;padding:4px 8px;border-radius:4px;font-size:9px;text-transform:uppercase}.connection-connected{color:var(--ok)}.connection-connecting{color:var(--warning)}.connection-disconnected{color:var(--critical)}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:220px;flex-shrink:0;min-height:0;background:var(--panel);border-right:2px solid var(--border);padding:12px;overflow-y:auto}.sidebar h2{font-size:10px;color:#9ca3af}.entity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.entity-row{display:flex;gap:8px;align-items:flex-start;padding:6px;background:#15161e;border:1px solid var(--border);border-radius:4px}.entity-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.severity-ok .entity-dot{background:var(--ok)}.severity-warning .entity-dot{background:var(--warning)}.severity-critical .entity-dot{background:var(--critical)}.severity-down .entity-dot{background:var(--down)}.severity-unknown .entity-dot{background:var(--unknown)}.entity-row{min-width:0}.entity-row>div{min-width:0;flex:1}.entity-name{font-size:9px;color:#fff;margin-bottom:4px;overflow-wrap:anywhere}.entity-message{font-size:8px;color:#9ca3af;line-height:1.4;overflow-wrap:anywhere}.entity-empty{font-size:9px;color:#6b7280}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:12px;gap:12px}.office-canvas-wrap{position:relative;flex:1;min-height:0;width:100%;display:flex}.office-canvas{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;width:100%;background:#0d0e13;border:2px solid var(--border);border-radius:6px;overflow:hidden}.office-canvas canvas{image-rendering:pixelated;cursor:grab}.zoom-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px;z-index:5}.zoom-controls button{width:32px;height:32px;font-family:"Press Start 2P",monospace;font-size:14px;color:var(--text);background:#1c1e29e6;border:2px solid var(--border);border-radius:4px;cursor:pointer;line-height:1}.zoom-controls button:hover{background:#2a2d3d;border-color:#4b5163}.entity-detail-panel{position:absolute;top:0;right:0;bottom:0;width:280px;max-width:80%;background:#12131af7;border-left:2px solid var(--border);padding:16px;overflow-y:auto;z-index:6}.entity-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.entity-detail-badge{font-size:9px;padding:4px 8px;border-radius:4px;border:2px solid var(--border)}.entity-detail-badge.severity-ok{color:var(--ok)}.entity-detail-badge.severity-warning{color:var(--warning)}.entity-detail-badge.severity-critical{color:var(--critical)}.entity-detail-badge.severity-down{color:var(--down)}.entity-detail-badge.severity-unknown{color:var(--unknown)}.entity-detail-close{background:none;border:none;color:var(--text);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.entity-detail-close:hover{color:#fff}.entity-detail-host{font-size:11px;color:#fff;margin:0 0 4px;overflow-wrap:anywhere}.entity-detail-service{font-size:9px;color:#9ca3af;margin-bottom:12px;overflow-wrap:anywhere}.entity-detail-fields{display:grid;grid-template-columns:auto;gap:2px 0;margin:0 0 16px}.entity-detail-fields dt{font-size:8px;color:#6b7280;margin-top:8px;text-transform:uppercase}.entity-detail-fields dd{font-size:9px;color:var(--text);margin:2px 0 0;overflow-wrap:anywhere;line-height:1.5}.entity-detail-id{font-size:8px;color:#6b7280}.entity-detail-panel h4{font-size:9px;color:#9ca3af;margin:0 0 8px}.entity-detail-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.entity-detail-history li{font-size:8px;padding:6px;border-left:3px solid var(--border);background:#15161e;display:flex;flex-direction:column;gap:2px}.entity-detail-history li.severity-ok{border-left-color:var(--ok)}.entity-detail-history li.severity-warning{border-left-color:var(--warning)}.entity-detail-history li.severity-critical{border-left-color:var(--critical)}.entity-detail-history li.severity-down{border-left-color:var(--down)}.entity-detail-history li.severity-unknown{border-left-color:var(--unknown)}.entity-detail-history-msg{color:#9ca3af;overflow-wrap:anywhere}.entity-detail-empty{font-size:8px;color:#6b7280;line-height:1.5}.alert-log{flex:0 0 auto;background:var(--panel);border:2px solid var(--border);border-radius:6px;padding:12px;max-height:220px;overflow-y:auto}.alert-log-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.alert-log h2{font-size:10px;color:#9ca3af;margin-top:0;margin-bottom:8px}.alert-log-tabs{display:flex;gap:4px;margin-bottom:8px}.alert-log-tabs button{font-family:"Press Start 2P",monospace;font-size:8px;color:#9ca3af;background:#15161e;border:1px solid var(--border);border-radius:4px;padding:5px 8px;cursor:pointer}.alert-log-tabs button.active{color:#fff;border-color:#60a5fa;background:#1c2436}.history-date-input{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--text);background:#15161e;border:1px solid var(--border);border-radius:4px;padding:5px;margin-bottom:8px;color-scheme:dark}.log-type-badge{font-size:7px;padding:2px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0}.log-type-new{color:var(--warning);border:1px solid var(--warning)}.log-type-resolved{color:var(--ok);border:1px solid var(--ok)}.alert-log ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.alert-log li{font-size:8px;display:flex;align-items:center;gap:8px;padding:4px;border-left:3px solid var(--border)}.alert-log li.severity-ok{border-left-color:var(--ok)}.alert-log li.severity-warning{border-left-color:var(--warning)}.alert-log li.severity-critical{border-left-color:var(--critical)}.alert-log li.severity-down{border-left-color:var(--down)}.alert-log li.severity-unknown{border-left-color:var(--unknown)}.log-time{color:#6b7280}.log-source{color:#60a5fa}.log-host{color:#fff}.log-message{color:#9ca3af}