.host-card[data-v-fce811bb]{background:rgba(255,255,255,.95);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 4px 15px #0000001a}.host-card.offline[data-v-fce811bb]{border-left:4px solid #e53e3e}.host-metrics[data-v-fce811bb]{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px}.host-metric[data-v-fce811bb]{display:flex;flex-direction:column;align-items:center}.metric-label[data-v-fce811bb]{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.metric-value[data-v-fce811bb]{font-size:1.6rem;font-weight:700}.metric-value.metric-warn[data-v-fce811bb]{color:#e53e3e}.metric-value.metric-ok[data-v-fce811bb]{color:#38a169}.metric-sub[data-v-fce811bb]{font-size:.75rem;color:#718096;margin-top:2px}.group-section[data-v-fce811bb]{margin-bottom:32px}.group-title[data-v-fce811bb]{color:#fff;margin-bottom:12px;font-size:1.25rem}.filter-offline[data-v-fce811bb]{display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer}.check-dot.online[data-v-fce811bb]{color:#38a169}.check-dot.offline[data-v-fce811bb]{color:#e53e3e}.check-na[data-v-fce811bb]{color:#999}.expand-chevron[data-v-fce811bb]{color:#718096;transition:transform .15s ease;flex-shrink:0}.expand-chevron.expanded[data-v-fce811bb]{transform:rotate(90deg)}.site-info[data-v-fce811bb]{display:flex;align-items:center;gap:10px}.row-actions[data-v-fce811bb]{display:flex;gap:6px;align-items:center}.icon-btn[data-v-fce811bb]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,transform .1s ease,border-color .15s ease;color:#fff;text-decoration:none}.icon-btn[data-v-fce811bb]:disabled{opacity:.45;cursor:not-allowed}.icon-btn[data-v-fce811bb]:hover:not(:disabled){transform:translateY(-1px)}.icon-btn-primary[data-v-fce811bb]{background:#4f7cff}.icon-btn-primary[data-v-fce811bb]:hover:not(:disabled){background:#3a64e0}.icon-btn-warn[data-v-fce811bb]{background:#ed8936}.icon-btn-warn[data-v-fce811bb]:hover:not(:disabled){background:#dd6b20}.icon-btn-ghost[data-v-fce811bb]{background:transparent;color:#4a5568;border-color:#cbd5e0}.dark-theme .icon-btn-ghost[data-v-fce811bb]{color:#cbd5e0;border-color:#4a5568}.icon-btn-ghost[data-v-fce811bb]:hover:not(:disabled){background:rgba(0,0,0,.04)}.dark-theme .icon-btn-ghost[data-v-fce811bb]:hover:not(:disabled){background:rgba(255,255,255,.06)}.icon-btn svg.spin[data-v-fce811bb]{animation:spin-fce811bb .9s linear infinite}@keyframes spin-fce811bb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checks-grid[data-v-fce811bb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:12px}.check-card[data-v-fce811bb]{background:#f7fafc;border-radius:8px;padding:12px;font-size:.9rem}.check-card.offline[data-v-fce811bb]{border-left:3px solid #e53e3e}.check-card.online[data-v-fce811bb]{border-left:3px solid #38a169}.check-type[data-v-fce811bb]{display:block;color:#718096;font-size:.8rem}.check-error[data-v-fce811bb]{color:#e53e3e;margin-top:4px;font-size:.85rem}.site-url[data-v-fce811bb]{display:block;font-size:.8rem;color:#718096}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0;box-shadow:0 2px 20px #0000001a}.header h1{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:15px;text-align:center}.header-stats{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;padding:15px 25px;background:rgba(255,255,255,.8);border-radius:12px;box-shadow:0 4px 15px #0000001a}.stat-label{font-size:.9rem;color:#666;margin-bottom:5px}.stat-value{font-size:1.8rem;font-weight:700;color:#2d3748}.stat-value.online{color:#38a169}.stat-value.offline{color:#e53e3e}.main{padding:40px 0}.controls{display:flex;gap:15px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover:not(:disabled){background:#3182ce;transform:translateY(-2px)}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover{background:#4a5568;transform:translateY(-2px)}.btn-success{background:#38a169;color:#fff}.btn-success:hover{background:#2f855a}.btn-warning{background:#ed8936;color:#fff}.btn-warning:hover{background:#dd6b20}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030}.btn-sm{padding:8px 16px;font-size:.9rem}.table-container{background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;margin-bottom:40px}.sites-table{width:100%;border-collapse:collapse}.sites-table thead{background:rgba(66,153,225,.1);border-bottom:2px solid rgba(66,153,225,.2)}.sites-table th{padding:15px 20px;text-align:left;font-weight:600;color:#2d3748;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.sites-table th.col-site{width:40%}.sites-table th.col-status{width:20%}.sites-table th.col-actions{width:40%}.site-row{cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.site-row:hover{background:rgba(66,153,225,.05)}.site-row.offline{background:rgba(229,62,62,.05)}.site-row.expanded{background:rgba(66,153,225,.1)}.site-row td{padding:15px 20px;vertical-align:middle}.site-info{display:flex;align-items:center;gap:12px}.expand-icon{display:inline-block;transition:transform .3s ease;color:#718096;font-size:.8rem}.expand-icon.expanded{transform:rotate(90deg)}.site-details-main{display:flex;flex-direction:column;gap:4px}.site-name{font-size:1.1rem;color:#2d3748;display:block}.site-url{font-size:.85rem;color:#4299e1;font-family:monospace}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.status-badge.online{background:rgba(56,161,105,.1);color:#38a169}.status-badge.offline{background:rgba(229,62,62,.1);color:#e53e3e}.row-actions{display:flex;gap:8px;align-items:center}.expanded-row{background:rgba(248,250,252,.8)}.expanded-content{padding:0!important}.expanded-details{padding:25px;background:rgba(255,255,255,.5)}.detail-section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,.1)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.85rem;color:#718096;font-weight:500}.info-value{font-size:.95rem;color:#2d3748;font-weight:600}.info-value.online{color:#38a169}.info-value.offline{color:#e53e3e}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.service-card{background:rgba(255,255,255,.8);border-radius:8px;padding:15px;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.service-card.offline{border-left:4px solid #e53e3e;background:rgba(229,62,62,.05)}.service-card.disabled{border-left:4px solid #718096;background:rgba(113,128,150,.05);opacity:.7}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.service-title{display:flex;align-items:center;gap:8px}.service-title strong{color:#2d3748;font-size:1rem}.service-port{color:#718096;font-family:monospace;font-size:.85rem;background:rgba(113,128,150,.1);padding:2px 6px;border-radius:4px}.service-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.service-status-badge.online{background:rgba(56,161,105,.1);color:#38a169}.service-status-badge.offline{background:rgba(229,62,62,.1);color:#e53e3e}.service-status-badge.disabled{background:rgba(113,128,150,.1);color:#718096}.service-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;padding:12px;background:rgba(255,255,255,.5);border-radius:6px}.service-metrics .metric{display:flex;flex-direction:column;gap:4px;padding:0;border:none}.service-metrics .metric-label{font-size:.75rem;color:#718096}.service-metrics .metric-value{font-size:.9rem;font-weight:600;color:#2d3748}.service-actions{margin-top:12px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.logs-container{background:rgba(26,32,44,.05);border-radius:8px;padding:15px;max-height:300px;overflow-y:auto;font-family:monospace;font-size:.85rem}.log-entry{padding:8px 12px;margin-bottom:8px;border-radius:4px;border-left:3px solid #718096;background:rgba(255,255,255,.5)}.log-entry.error{border-left-color:#e53e3e;background:rgba(229,62,62,.1)}.log-entry.success{border-left-color:#38a169;background:rgba(56,161,105,.1)}.log-time{color:#718096;margin-right:12px}.log-message{color:#2d3748}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:25px;margin-bottom:40px}.site-card{background:rgba(255,255,255,.95);border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.site-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.site-card.offline{border-left:5px solid #e53e3e}.site-card:not(.offline){border-left:5px solid #38a169}.site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.site-header h3{font-size:1.2rem;font-weight:600;color:#2d3748;margin:0}.status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.status-indicator.online{background:rgba(56,161,105,.1);color:#38a169}.status-indicator.offline{background:rgba(229,62,62,.1);color:#e53e3e}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.site-details{margin-bottom:20px}.site-url{color:#4299e1;font-size:.85rem;margin-bottom:12px;word-break:break-all;font-family:monospace;background:rgba(66,153,225,.1);padding:4px 8px;border-radius:4px;display:inline-block}.site-metrics{display:grid;gap:8px;margin-bottom:15px}.metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.metric:last-child{border-bottom:none}.metric-label{font-size:.9rem;color:#666}.metric-value{font-weight:600;color:#2d3748}.error-message{background:rgba(229,62,62,.1);color:#e53e3e;padding:12px;border-radius:8px;font-size:.9rem;border-left:3px solid #e53e3e}.site-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.site-actions .btn{padding:8px 12px;font-size:.85rem;border-radius:6px}.loading,.empty-state{text-align:center;padding:60px 20px;background:rgba(255,255,255,.9);border-radius:16px;box-shadow:0 8px 32px #0000001a}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state h3{font-size:1.5rem;color:#2d3748;margin-bottom:10px}.empty-state p{color:#666;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:1.3rem;font-weight:700;color:#2d3748}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px;border-radius:4px;transition:all .2s ease}.btn-close:hover{background:#f7fafc;color:#2d3748}.modal-body{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}@media (max-width: 768px){.header h1{font-size:2rem}.header-stats{gap:15px}.stat{padding:10px 20px}.sites-grid{grid-template-columns:1fr;gap:15px}.controls{flex-direction:column;align-items:center}.site-actions,.form-actions{flex-direction:column}.service-metrics{grid-template-columns:1fr;gap:3px}.header-controls{position:static;margin-top:10px}.table-container{overflow-x:auto}.sites-table{min-width:600px}.sites-table th,.sites-table td{padding:10px 12px;font-size:.85rem}.site-details-main{gap:2px}.site-name{font-size:1rem}.site-url{font-size:.75rem}.row-actions{flex-wrap:wrap;gap:4px}.row-actions .btn{padding:6px 10px;font-size:.8rem}.expanded-details{padding:15px}.info-grid,.services-grid{grid-template-columns:1fr;gap:10px}.service-metrics,.actions-grid{grid-template-columns:1fr}}.dark-theme{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);color:#e2e8f0}.dark-theme .header{background:rgba(26,32,44,.95);border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .header h1{color:#e2e8f0}.header-controls{position:absolute;top:20px;right:20px}.theme-toggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#2d3748;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.theme-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.dark-theme .theme-toggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#e2e8f0}.dark-theme .theme-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.dark-theme .stat{background:rgba(45,55,72,.8);border:1px solid rgba(255,255,255,.1)}.dark-theme .stat-label{color:#a0aec0}.dark-theme .stat-value{color:#e2e8f0}.dark-theme .site-card{background:rgba(45,55,72,.95);border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.dark-theme .site-card:hover{background:rgba(45,55,72,1);box-shadow:0 12px 40px #0000004d}.dark-theme .site-header h3{color:#e2e8f0}.dark-theme .metric{border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .metric-label{color:#a0aec0}.dark-theme .metric-value{color:#e2e8f0}.dark-theme .error-message{background:rgba(229,62,62,.2);color:#fc8181;border-left:3px solid #fc8181}.dark-theme .loading,.dark-theme .empty-state{background:rgba(45,55,72,.9);color:#e2e8f0}.dark-theme .empty-state h3{color:#e2e8f0}.dark-theme .empty-state p{color:#a0aec0}.dark-theme .modal{background:#2d3748;color:#e2e8f0}.dark-theme .modal-header{border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .modal-header h3{color:#e2e8f0}.dark-theme .btn-close{color:#a0aec0}.dark-theme .btn-close:hover{background:rgba(255,255,255,.1);color:#e2e8f0}.dark-theme .form-group label{color:#e2e8f0}.dark-theme .form-group input{background:#4a5568;border:2px solid #718096;color:#e2e8f0}.dark-theme .form-group input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed1a}.dark-theme .form-group input::placeholder{color:#a0aec0}.services-container{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.services-title{font-size:.9rem;font-weight:600;color:#4a5568;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.services-list{display:flex;flex-direction:column;gap:8px}.service-item{background:rgba(248,250,252,.8);border-radius:6px;padding:12px;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.service-item:hover{background:rgba(255,255,255,.8);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.service-item.offline{border-left:4px solid #e53e3e;background:rgba(229,62,62,.05)}.service-item.disabled{border-left:4px solid #718096;background:rgba(113,128,150,.05);opacity:.7}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.service-name{font-weight:600;color:#2d3748;font-size:.9rem}.service-port{color:#718096;font-family:monospace;font-size:.8rem;background:rgba(113,128,150,.1);padding:2px 6px;border-radius:4px}.service-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.service-status.online{background:rgba(56,161,105,.1);color:#38a169}.service-status.offline{background:rgba(229,62,62,.1);color:#e53e3e}.service-status.disabled{background:rgba(113,128,150,.1);color:#718096}.service-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;padding:8px;background:rgba(255,255,255,.5);border-radius:4px}.service-metrics .metric{padding:2px 0;text-align:center}.service-metrics .metric-label{font-size:.75rem;color:#718096;display:block;margin-bottom:2px}.service-metrics .metric-value{font-size:.85rem;font-weight:600;color:#2d3748}.service-actions{display:flex;justify-content:flex-end;margin-top:8px}.service-actions .btn{padding:4px 8px;font-size:.75rem;border-radius:4px}.dark-theme .services-container{border-top:1px solid rgba(255,255,255,.1)}.dark-theme .services-title{color:#e2e8f0}.dark-theme .service-item{background:rgba(45,55,72,.6);border:1px solid rgba(255,255,255,.1)}.dark-theme .service-item:hover{background:rgba(45,55,72,.8)}.dark-theme .service-item.offline{background:rgba(229,62,62,.1);border-left:4px solid #fc8181}.dark-theme .service-item.disabled{background:rgba(113,128,150,.1);border-left:4px solid #a0aec0}.dark-theme .service-name{color:#e2e8f0}.dark-theme .service-metrics .metric{border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .table-container{background:rgba(45,55,72,.95);border:1px solid rgba(255,255,255,.1)}.dark-theme .sites-table thead{background:rgba(66,153,225,.2);border-bottom:2px solid rgba(66,153,225,.3)}.dark-theme .sites-table th{color:#e2e8f0}.dark-theme .site-row{border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .site-row:hover{background:rgba(66,153,225,.1)}.dark-theme .site-row.offline{background:rgba(229,62,62,.1)}.dark-theme .site-row.expanded{background:rgba(66,153,225,.15)}.dark-theme .site-name{color:#e2e8f0}.dark-theme .site-url{color:#63b3ed}.dark-theme .expand-icon{color:#a0aec0}.dark-theme .expanded-row{background:rgba(26,32,44,.8)}.dark-theme .expanded-details{background:rgba(26,32,44,.5)}.dark-theme .detail-section{border-bottom:1px solid rgba(255,255,255,.1)}.dark-theme .detail-section h4{color:#e2e8f0}.dark-theme .info-label{color:#a0aec0}.dark-theme .info-value{color:#e2e8f0}.dark-theme .service-card{background:rgba(45,55,72,.6);border:1px solid rgba(255,255,255,.1)}.dark-theme .service-card:hover{background:rgba(45,55,72,.8)}.dark-theme .service-card.offline{background:rgba(229,62,62,.1);border-left:4px solid #fc8181}.dark-theme .service-title strong{color:#e2e8f0}.dark-theme .service-port{color:#a0aec0}.dark-theme .service-metrics{background:rgba(26,32,44,.5)}.dark-theme .service-metrics .metric-label{color:#a0aec0}.dark-theme .service-metrics .metric-value{color:#e2e8f0}.dark-theme .logs-container{background:rgba(26,32,44,.8)}.dark-theme .log-entry{background:rgba(45,55,72,.5);border-left:3px solid #718096}.dark-theme .log-entry.error{border-left-color:#fc8181;background:rgba(229,62,62,.2)}.dark-theme .log-entry.success{border-left-color:#68d391;background:rgba(56,161,105,.2)}.dark-theme .log-time{color:#a0aec0}.dark-theme .log-message{color:#e2e8f0}