.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{padding:20px 20px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);font-weight:700;font-size:16px;letter-spacing:.5px}.logo-sub{font-size:11px;color:var(--text2);font-weight:400;margin-left:-4px}.nav{padding:12px 0;flex:1}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 20px;color:var(--text2);font-size:13px;background:none;border:none;border-left:2px solid transparent;text-align:left;cursor:pointer;transition:all .15s;position:relative}.nav-item:hover,.nav-item.active{background:#64ffda0f;color:var(--accent);border-left-color:var(--accent)}.badge-num{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.sidebar-footer{padding:12px 20px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.ws-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2)}.ws-dot{width:7px;height:7px;border-radius:50%;background:#8892b0}.ws-indicator.connected .ws-dot{background:var(--green);box-shadow:0 0 5px var(--green)}.ws-indicator.disconnected .ws-dot{background:var(--red)}.ws-indicator.error .ws-dot{background:var(--yellow)}.last-update{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text2);opacity:.7}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.topbar h1{font-size:18px;font-weight:600}.page-content{flex:1;overflow-y:auto;padding:20px 24px 24px}.btn-refresh{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.btn-refresh:hover{border-color:var(--accent);color:var(--accent)}.btn-link{background:none;border:none;color:var(--accent2);font-size:11px;cursor:pointer;margin-left:auto;padding:0;display:flex;align-items:center;gap:4px}.btn-link:hover{color:var(--accent);text-decoration:underline}.card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:16px}.status-banner{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid;border-radius:10px;padding:12px 20px;margin-bottom:20px}.banner-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.banner-label{font-weight:700;font-size:13px;letter-spacing:.5px}.banner-sub{font-size:12px;color:var(--text2)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px 20px;text-align:center}.kpi-val{font-size:28px;font-weight:700;line-height:1.1}.kpi-label{font-size:11px;color:var(--text2);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.content-grid .card{margin-bottom:0;height:100%}.section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.group-summary-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:6px;background:var(--bg3);border-radius:6px}.group-sum-label{font-size:12px;font-weight:500;color:var(--text)}.group-sum-stats{display:flex;gap:12px;font-size:11px;font-weight:600}.view-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;flex:1;max-width:280px}.search-box input{background:none;border:none;color:var(--text);font-size:13px;outline:none;width:100%}.filter-tabs{display:flex;gap:4px}.filter-tab{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border);color:var(--text2);padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.filter-tab:hover{border-color:var(--accent);color:var(--accent)}.filter-tab.active{background:#64ffda1a;border-color:var(--accent);color:var(--accent)}.filter-count{background:#ffffff14;border-radius:10px;padding:0 5px;font-size:10px;font-weight:700}.service-group{margin-bottom:12px}.group-header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#64ffda0a;border-left:2px solid var(--accent);border-radius:4px;margin-bottom:6px}.group-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);opacity:.75}.group-stats{font-size:11px;font-weight:600}.service-group .services-list{padding-left:6px}.services-list{display:flex;flex-direction:column;gap:6px}.service-card{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;transition:border-color .15s}.service-card:hover{border-color:#2a4a7f}.service-card.compact{padding:7px 12px}.service-header{display:flex;align-items:center;gap:10px}.service-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-id{font-size:10px;color:var(--text2);font-family:monospace}.status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.badge-critical{font-size:9px;background:#ff4d4d26;color:#ff4d4d;border:1px solid rgba(255,77,77,.3);padding:1px 6px;border-radius:4px;font-weight:700}.service-metrics{display:flex;gap:12px;margin-top:6px;font-size:11px;color:var(--text2);padding-left:20px}.btn-restart{display:flex;align-items:center;gap:4px;margin-top:8px;margin-left:20px;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#f99;padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s}.btn-restart:hover{background:#ff4d4d33}.timer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:5px 14px 5px 20px;border-top:1px solid rgba(255,255,255,.05);background:#64ffda05}.timer-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text2);font-family:monospace}.timer-schedule{color:var(--accent2);font-family:inherit;font-weight:500;background:#00b4d814;border-radius:4px;padding:1px 6px}.timer-next{color:#8892b0}.service-card.has-problem{background:#ff4d4d08}.service-detail{margin-top:8px;padding:10px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.service-desc{font-size:12px;color:var(--text2);line-height:1.5}.service-impact{display:flex;align-items:flex-start;gap:6px;background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);border-radius:6px;padding:7px 10px;font-size:12px;color:#faa;line-height:1.4}.service-impact svg{color:#f66;margin-top:1px}.service-impact-inline{display:flex;align-items:flex-start;gap:5px;margin-top:6px;padding:5px 10px 5px 20px;font-size:11px;color:#faa;opacity:.85;line-height:1.4}.service-impact-inline svg{color:#f66;flex-shrink:0;margin-top:1px}.incidents-list{display:flex;flex-direction:column;gap:4px}.incident-row{border-radius:6px;overflow:hidden;background:var(--bg3)}.incident-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:12px;transition:background .15s}.incident-header:hover{background:#ffffff0a}.inc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.inc-time{color:var(--text2);flex-shrink:0;font-size:11px}.inc-service{color:var(--accent2);font-weight:600;flex-shrink:0;font-family:monospace;font-size:11px}.inc-symptom{color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incident-detail{padding:8px 12px 10px;border-top:1px solid var(--border);font-size:12px;color:var(--text2);display:flex;flex-direction:column;gap:6px}.incident-detail b{color:var(--text)}.inc-service-desc{font-size:11px;color:var(--text2);background:var(--bg2);border-radius:5px;padding:6px 9px;line-height:1.5}.inc-impact-box{display:flex;align-items:flex-start;gap:6px;background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);border-radius:6px;padding:7px 10px;font-size:12px;color:#faa;line-height:1.4}.inc-impact-box svg{color:#f66;flex-shrink:0;margin-top:2px}.empty{text-align:center;padding:24px;color:var(--text2);font-size:12px}.logs-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;height:calc(100vh - 140px)}.logs-layout .card{margin-bottom:0}.logs-sidebar{overflow-y:auto}.logs-svc-list{display:flex;flex-direction:column;gap:2px}.logs-svc-item{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text2);padding:7px 10px;border-radius:6px;text-align:left;font-size:12px;cursor:pointer;transition:all .15s;width:100%}.logs-svc-item:hover{background:#ffffff0d;color:var(--text)}.logs-svc-item.active{background:#64ffda14;color:var(--accent)}.logs-svc-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logs-panel{display:flex;flex-direction:column;overflow:hidden}.log-output{flex:1;overflow-y:auto;overflow-x:auto;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:12px;margin-top:4px;font-size:11px;line-height:1.7;font-family:monospace;color:#a8b2d8;white-space:pre;max-height:calc(100vh - 240px)}.chat-panel.embedded{position:static;width:100%;height:calc(100vh - 140px);box-shadow:none;border-radius:10px;border:1px solid var(--border)}.chat-panel.floating{position:fixed;right:20px;bottom:20px;width:380px;height:520px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 40px #00000080;z-index:1000}.chat-panel{display:flex;flex-direction:column;background:var(--bg2)}.chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.chat-msg{display:flex;gap:8px;align-items:flex-start}.chat-msg.user{flex-direction:row-reverse}.chat-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chat-msg.user .chat-avatar{background:#64ffda26;color:var(--accent)}.chat-msg.assistant .chat-avatar{background:#00b4d826;color:var(--accent2)}.chat-bubble{max-width:80%;padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-msg.user .chat-bubble{background:#64ffda1a;color:var(--accent);border-radius:10px 10px 0}.chat-msg.assistant .chat-bubble{background:var(--bg3);color:var(--text);border-radius:10px 10px 10px 0}.chat-bubble.typing{display:flex;gap:5px;align-items:center;padding:12px}.chat-bubble.typing span{width:6px;height:6px;border-radius:50%;background:var(--text2);animation:bounce .9s infinite}.chat-bubble.typing span:nth-child(2){animation-delay:.15s}.chat-bubble.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.chat-input{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border);flex-shrink:0}.chat-input input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:13px;outline:none;transition:border-color .15s}.chat-input input:focus{border-color:var(--accent)}.chat-input button{background:var(--accent);border:none;color:var(--bg);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s;flex-shrink:0}.chat-input button:disabled{opacity:.4;cursor:default}.progress-log{display:flex;flex-direction:column;gap:3px;font-family:monospace;font-size:12px}.progress-line{color:var(--accent2);line-height:1.4}.progress-line.blink{animation:blink 1s infinite;opacity:.7}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}.chat-autonomous-badge{font-size:9px;font-weight:700;letter-spacing:.08em;background:#64ffda26;color:var(--accent);border:1px solid rgba(100,255,218,.3);border-radius:4px;padding:1px 6px;margin-left:6px}.chat-bubble.action-result{background:#64ffda12;border-left:2px solid var(--accent);white-space:pre-wrap}.chat-quickcmds{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border)}.quickcmd-btn{background:#64ffda0f;border:1px solid rgba(100,255,218,.2);color:var(--accent2);border-radius:14px;padding:4px 10px;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.quickcmd-btn:hover{background:#64ffda1f;color:var(--accent)}@media (max-width: 1100px){.content-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.logs-layout{grid-template-columns:1fr;height:auto}}@media (max-width: 700px){.sidebar{display:none}.filter-tabs{flex-wrap:wrap}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0f1a;--bg2: #0d1526;--bg3: #111d35;--border: #1e3a5f;--accent: #64ffda;--accent2: #00b4d8;--text: #ccd6f6;--text2: #8892b0;--red: #ff4d4d;--yellow: #ffc107;--green: #39d353;--font: "Inter", system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}a{color:var(--accent);text-decoration:none}button{cursor:pointer}.card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px 20px}