:root{--accent-teal: #22B8B0;--accent-cyan: #54C9EF;--status-healthy: #22B8A0;--status-warning: #F2C94C;--status-critical: #EF7777;--status-info: #54C9EF;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--theme-transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease}[data-theme=light]{--bg-page: #F7FAFC;--bg-sidebar: rgba(238, 244, 248, .85);--bg-card: rgba(228, 237, 243, .75);--bg-card-hover: rgba(228, 237, 243, .95);--bg-card-solid: #EAF1F6;--bg-input: rgba(255, 255, 255, .85);--border-glass: rgba(120, 159, 180, .25);--border-glass-strong: rgba(120, 159, 180, .45);--text-main: #1A2634;--text-muted: #567086;--text-subtle: #789FB4;--shadow-card: 0 8px 24px -4px rgba(60, 90, 120, .08), 0 2px 6px -1px rgba(60, 90, 120, .04);--shadow-glow-teal: 0 0 20px rgba(34, 184, 176, .25);--shadow-glow-cyan: 0 0 20px rgba(84, 201, 239, .25);--nav-active-bg: rgba(34, 184, 176, .12);--nav-active-border: #22B8B0;--nav-hover-bg: rgba(120, 159, 180, .12);--chart-grid: rgba(120, 159, 180, .2)}[data-theme=dark]{--bg-page: #111B29;--bg-sidebar: rgba(26, 38, 54, .85);--bg-card: rgba(38, 56, 74, .75);--bg-card-hover: rgba(38, 56, 74, .95);--bg-card-solid: #1E2D3D;--bg-input: rgba(17, 27, 41, .85);--border-glass: rgba(114, 157, 182, .25);--border-glass-strong: rgba(114, 157, 182, .45);--text-main: #F0F6FC;--text-muted: #A3B8CC;--text-subtle: #729DB6;--shadow-card: 0 8px 24px -4px rgba(0, 0, 0, .4), 0 2px 6px -1px rgba(0, 0, 0, .2);--shadow-glow-teal: 0 0 24px rgba(54, 199, 185, .25);--shadow-glow-cyan: 0 0 24px rgba(101, 209, 242, .25);--nav-active-bg: rgba(54, 199, 185, .18);--nav-active-border: #36C7B9;--nav-hover-bg: rgba(114, 157, 182, .15);--chart-grid: rgba(114, 157, 182, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);min-height:100vh;overflow-x:hidden;transition:var(--theme-transition);-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:250px;background-color:var(--bg-sidebar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:width .25s ease,transform .25s ease,var(--theme-transition)}.app-sidebar.collapsed{width:78px}.sidebar-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border-glass)}.brand-badge{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main)}.brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-cyan));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 10px #22b8b059;flex-shrink:0}.brand-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.9375rem;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:var(--theme-transition)}.nav-item:hover{background:var(--nav-hover-bg);color:var(--text-main)}.nav-item.active{background:var(--nav-active-bg);color:var(--text-main);border-color:var(--nav-active-border);font-weight:600}.nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding:14px;border-top:1px solid var(--border-glass)}.collapse-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff0d;color:var(--text-muted);cursor:pointer;transition:var(--theme-transition)}.collapse-btn:hover{background:var(--nav-hover-bg);color:var(--text-main)}.app-main{flex:1;margin-left:250px;display:flex;flex-direction:column;min-width:0;transition:margin-left .25s ease}.app-shell.sidebar-collapsed .app-main{margin-left:78px}.top-header{height:70px;background-color:var(--bg-sidebar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:90;transition:var(--theme-transition)}.header-left{display:flex;flex-direction:column}.page-title{font-size:1.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.page-subtitle{font-size:.8125rem;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:16px}.status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.8125rem;font-weight:600;border:1px solid var(--border-glass);background:var(--bg-card)}.status-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--status-healthy);box-shadow:0 0 10px var(--status-healthy)}.status-indicator-dot.down{background-color:var(--status-critical);box-shadow:0 0 10px var(--status-critical)}.theme-toggle-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--theme-transition)}.theme-toggle-btn:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.content-body{padding:24px 28px 48px;display:flex;flex-direction:column;gap:24px;max-width:1400px;width:100%;margin:0 auto}.glass-panel{background-color:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);border-radius:18px;padding:22px;box-shadow:var(--shadow-card);transition:var(--theme-transition)}.glass-panel:hover{border-color:var(--border-glass-strong)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title{font-size:1.05rem;font-weight:600;color:var(--text-main)}.panel-subtitle{font-size:.8125rem;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi-card{display:flex;flex-direction:column;justify-content:space-between;min-height:125px;position:relative;overflow:hidden}.kpi-card-header{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.kpi-icon-wrap{width:32px;height:32px;border-radius:8px;background:#22b8b026;color:var(--accent-teal);display:flex;align-items:center;justify-content:center}.kpi-value{font-size:1.95rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-top:6px}.kpi-footer{font-size:.775rem;color:var(--text-subtle);margin-top:4px}.chart-container{width:100%;height:220px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-legend{display:flex;align-items:center;gap:20px;margin-top:14px;font-size:.8125rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%}.data-table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{padding:12px 16px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-glass-strong);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-glass);color:var(--text-main)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#789fb40d}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-healthy{background:#22b8a026;color:var(--status-healthy);border:1px solid rgba(34,184,160,.3)}.badge-warning{background:#f2c94c26;color:var(--status-warning);border:1px solid rgba(242,201,76,.3)}.badge-critical{background:#ef777726;color:var(--status-critical);border:1px solid rgba(239,119,119,.3)}.badge-info{background:#54c9ef26;color:var(--status-info);border:1px solid rgba(84,201,239,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-main);transition:var(--theme-transition)}.btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-glass-strong);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-teal),var(--accent-cyan));color:#fff;border:none;box-shadow:0 4px 14px #22b8b04d}.btn-primary:hover:not(:disabled){opacity:.95;box-shadow:0 6px 18px #22b8b066}.btn-danger{background:#ef777726;color:var(--status-critical);border-color:#ef777759}.btn-danger:hover:not(:disabled){background:#ef777740;border-color:var(--status-critical)}.btn-warning{background:#f2c94c26;color:var(--status-warning);border-color:#f2c94c59}.btn-warning:hover:not(:disabled){background:#f2c94c40;border-color:var(--status-warning)}.terminal-window{background:#0b111a;border:1px solid rgba(120,159,180,.2);border-radius:12px;padding:14px 16px;font-family:var(--font-mono);font-size:.8125rem;color:#e2e8f0;max-height:260px;overflow-y:auto}.terminal-line{margin-bottom:6px;line-height:1.5}.terminal-time{color:#64748b;margin-right:8px}.terminal-success{color:#22b8a0}.terminal-warn{color:#f2c94c}.terminal-error{color:#ef7777}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-dialog{background:var(--bg-card-solid);border:1px solid var(--border-glass-strong);border-radius:18px;padding:26px;max-width:460px;width:100%;box-shadow:0 20px 40px #0000004d}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.app-sidebar{transform:translate(-100%);width:240px!important}.app-sidebar.mobile-open{transform:translate(0)}.app-main{margin-left:0!important}.kpi-grid{grid-template-columns:1fr}.content-body{padding:16px}}@keyframes spin{to{transform:rotate(360deg)}}.spin-anim{animation:spin 1s linear infinite}.auth-page-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;background-color:var(--bg-page);transition:var(--theme-transition)}.auth-top-bar{position:absolute;top:24px;right:28px}.auth-card-wrapper{max-width:440px;width:100%}.auth-card{padding:36px 32px;text-align:center}.auth-brand{margin-bottom:24px}.auth-title{font-size:1.6rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.auth-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:6px;line-height:1.5}.auth-tab-switch{display:flex;gap:6px;padding:4px;border-radius:12px;background:var(--bg-input);border:1px solid var(--border-glass);margin-bottom:22px}.auth-tab-btn{flex:1;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--theme-transition)}.auth-tab-btn.active{background:var(--bg-card-solid);color:var(--text-main);box-shadow:0 2px 8px #0000001a}.auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.form-group{display:flex;flex-direction:column}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--text-subtle);pointer-events:none}.auth-input{width:100%;padding:12px 14px 12px 42px;border-radius:10px;border:1px solid var(--border-glass-strong);background:var(--bg-input);color:var(--text-main);font-size:.9375rem;outline:none;transition:var(--theme-transition)}.auth-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #22b8b033}.auth-submit-btn{width:100%;padding:13px;margin-top:8px;font-size:.9375rem}.auth-footer-prompt{margin-top:22px;font-size:.8125rem;color:var(--text-muted)}.link-btn{background:none;border:none;color:var(--accent-teal);font-weight:600;cursor:pointer;text-decoration:underline;padding:0 4px}.link-btn:hover{color:var(--accent-cyan)}.auth-feature-row{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.feature-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:500;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-glass)}.status-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.8125rem;line-height:1.5;text-align:left}.status-banner.error{background:#ef77771f;border:1px solid rgba(239,119,119,.35);color:var(--status-critical)}.status-banner.warning{background:#f2c94c1f;border:1px solid rgba(242,201,76,.35);color:var(--status-warning)}.status-banner.success{background:#22b8a01f;border:1px solid rgba(34,184,160,.35);color:var(--status-healthy)}.user-profile-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:12px 10px 6px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;overflow:hidden}.app-sidebar.collapsed .user-profile-badge{padding:8px;justify-content:center}.user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent-teal),var(--accent-cyan));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.user-email{font-size:.8125rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.6875rem;color:var(--text-muted)}.welcome-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,var(--bg-card),rgba(34,184,176,.08))}.docker-empty-card{border:1px dashed var(--border-glass-strong)}.empty-state-content{text-align:center;padding:36px 20px}.empty-state-icon{width:60px;height:60px;border-radius:16px;background:#54c9ef1f;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-state-content h4{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.empty-state-content p{font-size:.875rem;color:var(--text-muted);max-width:520px;margin:0 auto 20px;line-height:1.6}.connect-docker-dialog{max-width:600px}.modal-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.code-block-container{position:relative;margin:8px 0}.code-block{background:#0b111a;color:#e2e8f0;padding:16px;border-radius:10px;font-family:var(--font-mono);font-size:.8125rem;overflow-x:auto;border:1px solid var(--border-glass);line-height:1.5}.copy-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--theme-transition)}.copy-btn:hover{background:#fff3}.info-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:var(--bg-card-solid);border:1px solid var(--border-glass)}.auth-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted);background-color:var(--bg-page)}.connect-docker-dialog{max-width:680px;width:95%}.wizard-stepper{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:16px;background:var(--bg-card-solid);border:1px solid var(--border-glass);border-radius:10px;overflow-x:auto}.wizard-step-pill{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:transparent;border:none;font-size:.775rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--theme-transition);white-space:nowrap}.wizard-step-pill:hover:not(:disabled){color:var(--text-main);background:var(--bg-hover)}.wizard-step-pill.active{background:var(--accent-gradient);color:#fff}.wizard-step-pill:disabled{opacity:.45;cursor:not-allowed}.step-num{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7rem;background:#fff3}.os-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 640px){.os-cards-grid{grid-template-columns:1fr}}.os-card{padding:16px;border-radius:12px;background:var(--bg-card-solid);border:1px solid var(--border-glass);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.os-card:hover{transform:translateY(-2px);border-color:var(--border-glass-strong);box-shadow:0 6px 16px #00000014}.os-card.selected{border-color:var(--accent-cyan);background:#54c9ef0f;box-shadow:0 0 0 2px #54c9ef59}.os-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.os-icon{color:var(--accent-cyan)}.os-title{font-size:1.05rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.os-desc{font-size:.785rem;color:var(--text-muted);line-height:1.35;margin-bottom:12px;flex:1}.os-tags{display:flex;flex-wrap:wrap;gap:5px}.os-tag{font-size:.7rem;padding:2px 6px;border-radius:4px;background:var(--bg-hover);color:var(--text-subtle);border:1px solid var(--border-glass)}.tab-pill-group{display:flex;gap:6px}.tab-pill{padding:5px 12px;border-radius:6px;font-size:.8125rem;font-weight:600;background:var(--bg-card-solid);border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;transition:var(--theme-transition)}.tab-pill:hover{color:var(--text-main);border-color:var(--border-glass-strong)}.tab-pill.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.verify-spinner-wrap{width:54px;height:54px;margin:0 auto;border-radius:50%;background:#54c9ef1f;display:flex;align-items:center;justify-content:center}.verification-steps-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:var(--bg-card-solid);border:1px solid var(--border-glass)}.v-step{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:8px;transition:all .2s ease}.v-step.done{background:#22b8a014}.v-step.active{background:#54c9ef14;border:1px solid rgba(84,201,239,.25)}.v-step.pending{opacity:.55}.v-icon.done{color:var(--status-healthy);flex-shrink:0;margin-top:2px}.v-icon.active{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.v-icon.pending{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-glass-strong);flex-shrink:0;margin-top:2px}.v-info{display:flex;flex-direction:column;gap:2px}.v-title{font-size:.875rem;font-weight:700;color:var(--text-main)}.v-desc{font-size:.775rem;color:var(--text-muted)}.success-banner-box{text-align:center;padding:18px 12px 14px}.success-icon-badge{width:56px;height:56px;border-radius:50%;background:#22b8a026;color:var(--status-healthy);display:inline-flex;align-items:center;justify-content:center}.wizard-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 640px){.wizard-actions-grid{grid-template-columns:repeat(2,1fr)}}.hosts-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.host-overview-card{padding:12px 14px;border-radius:10px;background:var(--bg-card-solid);border:1px solid var(--border-glass);cursor:pointer;transition:all .2s ease}.host-overview-card:hover{border-color:var(--border-glass-strong);transform:translateY(-1px)}.host-overview-card.selected{border-color:var(--accent-cyan);background:#54c9ef14}.info-callout{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:8px;background:var(--bg-card-solid);border:1px solid var(--border-glass);color:var(--text-main)}