:root,body.body--dark{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#1c2128;--border-color:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--gradient-card:linear-gradient(145deg,#1c2128,#161b22);--gradient-primary:linear-gradient(135deg,#1a1f35,#0d1117);--shadow-card:0 4px 24px #0000004d;--shadow-card-hover:0 8px 32px #0006;--scrollbar-track:#0d1117;--scrollbar-thumb:#21262d;--scrollbar-thumb-hover:#6e7681;--stat-icon-bg:#ffffff0d;--hover-overlay:#6c5ce70d;--active-overlay:#6c5ce726;--primary-overlay-08:#6c5ce714}body.body--light,body[data-theme=light]{--bg-primary:#f6f8fa;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--bg-card:#fff;--border-color:#d0d7de;--text-primary:#1f2328;--text-secondary:#656d76;--text-muted:#8b949e;--gradient-card:linear-gradient(145deg,#fff,#f6f8fa);--gradient-primary:linear-gradient(135deg,#f0f2f5,#f6f8fa);--shadow-card:0 1px 3px #1f23281f,0 0 0 1px #1f23280a;--shadow-card-hover:0 3px 12px #1f232829;--scrollbar-track:#f6f8fa;--scrollbar-thumb:#d0d7de;--scrollbar-thumb-hover:#8b949e;--stat-icon-bg:#0000000d;--hover-overlay:#6c5ce70f;--active-overlay:#6c5ce71f;--primary-overlay-08:#6c5ce70f}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.q-card{border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-card)}.q-card,.q-card--dark{background:var(--bg-card)}.stat-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:20px;position:relative}.stat-card:before{background:linear-gradient(135deg,#6c5ce7,#a371f7);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card--cpu:before{background:linear-gradient(90deg,#6c5ce7,#5641d0)}.stat-card--memory:before{background:linear-gradient(90deg,#a371f7,#8957e5)}.stat-card--temp:before{background:linear-gradient(90deg,#f0883e,#d29922)}.stat-card--uptime:before{background:linear-gradient(90deg,#3fb950,#238636)}.stat-card .stat-icon{align-items:center;background:var(--stat-icon-bg);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.stat-card .stat-icon .q-icon{font-size:24px}.stat-card .stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-card .stat-label{color:var(--text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.q-btn{border-radius:10px;font-weight:600;letter-spacing:.3px;text-transform:none;transition:all .2s ease}.q-btn.btn-action{font-size:1rem;min-height:48px}.q-btn--primary{background:linear-gradient(135deg,#6c5ce7,#a371f7)!important}.btn-start{background:linear-gradient(135deg,#238636,#2ea043)!important;color:#fff;flex:1}.btn-start:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-stop{background:linear-gradient(135deg,#b62324,#f85149)!important;color:#fff;flex:1}.btn-stop:hover{filter:brightness(1.1)}.q-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--gradient-card)!important;border-bottom:1px solid var(--border-color)}.q-drawer{background:var(--bg-secondary)!important;border-right:1px solid var(--border-color)}.q-drawer .q-item{border-radius:8px;color:var(--text-secondary);margin:4px 8px;transition:all .2s ease}.q-drawer .q-item:hover{background:#6c5ce71a;color:var(--text-primary)}.q-drawer .q-item.q-router-link--active{background:var(--active-overlay);color:#6c5ce7}.q-drawer .q-item.q-router-link--active .q-icon{color:#6c5ce7}.q-page{background:var(--bg-primary)}.q-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.q-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.q-table td,.q-table th{border-bottom:1px solid var(--border-color)}.q-table td{color:var(--text-primary)}.q-table tbody tr:hover{background:var(--hover-overlay)}.q-badge{border-radius:6px;font-weight:600;padding:4px 10px}.status-badge--available{background:#3fb95033;color:#3fb950}.status-badge--in-use{background:#6c5ce733;color:#6c5ce7}.status-badge--maintenance{background:#d2992233;color:#d29922}.status-badge--faulty{background:#f8514933;color:#f85149}.status-badge--synced{background:#3fb95033;color:#3fb950}.status-badge--pending{background:#d2992233;color:#d29922}.q-linear-progress{background:var(--bg-tertiary);border-radius:4px;height:8px}.q-dialog__inner>.q-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px}.q-field .q-field__control{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px}.q-field .q-field__control:hover{border-color:#6c5ce780}.q-field--focused .q-field__control{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce726}.q-field .q-field__label{color:var(--text-secondary)}.q-chip,.q-field input,.q-field textarea{color:var(--text-primary)}.q-chip{background:var(--bg-tertiary);border-radius:8px}.q-separator{background:var(--border-color)}.q-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.q-item{color:var(--text-primary)}.connection-status{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px}.connection-status--online{background:#3fb95026;color:#3fb950}.connection-status--offline{background:#f8514926;color:#f85149}.connection-status .status-dot{animation:pulse-dot 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.connection-status--online .status-dot{background:#3fb950;box-shadow:0 0 8px #3fb950}.connection-status--offline .status-dot{background:#f85149}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.page-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0}.page-title .q-icon{color:#6c5ce7}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#a371f7);-webkit-background-clip:text;background-clip:text}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-color);opacity:.95}::selection{background:#6c5ce74d}.q-loading-bar{background:#6c5ce7!important}.q-page-container{transition:padding-left .3s ease}.q-breadcrumbs .q-breadcrumbs__separator{color:var(--text-muted)}.q-toggle .q-toggle__label{color:var(--text-primary)}.q-expansion-item .q-item__label,.q-tab{color:var(--text-secondary)}.q-tab--active{color:#6c5ce7}.q-tooltip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.8rem}.q-table__bottom{border-top:1px solid var(--border-color);color:var(--text-secondary)}.filters-row{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px}.search-input :deep(.q-field__control){background:var(--bg-tertiary)}.table-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.data-table{background:#0000}.data-table :deep(th){background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600}.data-table :deep(td){border-color:var(--border-color);color:var(--text-primary)}.data-table :deep(tr:hover td){background:var(--hover-overlay)}.dialog-card{background:var(--bg-secondary);border:1px solid var(--border-color)}.dialog-responsive{max-width:90vw;min-width:500px}@media (max-width:600px){.dialog-responsive{min-width:unset;width:95vw}}.dialog-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.info-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.info-card-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;padding:16px 20px}.info-card-content{padding:20px}.detail-row{border-bottom:1px solid var(--border-color);display:flex;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);flex-shrink:0;font-size:.85rem;width:140px}.detail-value{color:var(--text-primary);flex:1;overflow-wrap:break-word;word-break:break-word}