:root{--win-bg: #F3F3F3;--win-bg-dark: #E5E5E5;--win-card: #FFFFFF;--win-card-hover: #FAFAFA;--win-titlebar: #F0F0F0;--win-titlebar-active: #E0E0E0;--win-sidebar: #F0F0F0;--win-sidebar-hover: #E1E1E1;--win-sidebar-active: #D0D0D0;--win-statusbar: #F0F0F0;--win-border: #E0E0E0;--win-border-light: #EEEEEE;--win-accent: #0078D4;--win-accent-hover: #106EBE;--win-accent-light: rgba(0, 120, 212, .08);--win-text: #1A1A1A;--win-text-secondary: #616161;--win-text-muted: #8A8A8A;--win-green: #107C10;--win-green-bg: rgba(16, 124, 16, .08);--win-red: #D13438;--win-red-bg: rgba(209, 52, 56, .08);--win-yellow: #FF8C00;--win-yellow-bg: rgba(255, 140, 0, .08);--win-blue: #0078D4;--win-blue-bg: rgba(0, 120, 212, .08);--win-radius: 7px;--win-radius-sm: 4px;--win-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--win-shadow-lg: 0 4px 16px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--win-shadow-hover: 0 4px 12px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.04);--win-transition: .15s ease;--win-font: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--win-mono: "Cascadia Code", "Consolas", "Courier New", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--win-font);font-size:14px;color:var(--win-text);background:var(--win-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:silver;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.win-titlebar{height:36px;background:var(--win-titlebar);border-bottom:1px solid var(--win-border);display:flex;align-items:center;padding:0 12px;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;flex-shrink:0}.win-titlebar-title{font-size:12px;font-weight:600;color:var(--win-text);letter-spacing:.3px}.win-titlebar-controls{margin-left:auto;display:flex;gap:0;-webkit-app-region:no-drag}.win-titlebar-btn{width:46px;height:32px;border:none;background:transparent;color:var(--win-text);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--win-transition)}.win-titlebar-btn:hover{background:var(--win-sidebar-hover)}.win-titlebar-btn.close:hover{background:var(--win-red);color:#fff}.win-layout{display:flex;flex:1;overflow:hidden}.win-sidebar{width:220px;background:var(--win-sidebar);border-right:1px solid var(--win-border);display:flex;flex-direction:column;padding:8px 0;flex-shrink:0;overflow-y:auto}.win-nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:1px 6px;border-radius:var(--win-radius-sm);color:var(--win-text);text-decoration:none;font-size:13px;cursor:pointer;transition:background var(--win-transition);border:none;background:transparent;width:calc(100% - 12px);text-align:left}.win-nav-item:hover{background:var(--win-sidebar-hover)}.win-nav-item.active{background:var(--win-sidebar-active);font-weight:600}.win-nav-item .nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.win-nav-item .nav-badge{margin-left:auto;background:var(--win-accent);color:#fff;font-size:11px;padding:0 8px;border-radius:10px;line-height:18px;min-width:20px;text-align:center}.win-content{flex:1;overflow-y:auto;padding:20px 24px;background:var(--win-bg)}.win-statusbar{height:28px;background:var(--win-statusbar);border-top:1px solid var(--win-border);display:flex;align-items:center;padding:0 16px;font-size:12px;color:var(--win-text-secondary);flex-shrink:0;gap:20px}.win-statusbar-item{display:flex;align-items:center;gap:4px}.win-statusbar-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.win-statusbar-dot.online{background:var(--win-green)}.win-statusbar-dot.offline{background:var(--win-text-muted)}.win-statusbar-dot.running{background:var(--win-yellow)}.page-header{margin-bottom:20px}.page-title{font-size:22px;font-weight:600;color:var(--win-text);margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--win-text-secondary)}.win-card{background:var(--win-card);border:1px solid var(--win-border);border-radius:var(--win-radius);box-shadow:var(--win-shadow);transition:box-shadow var(--win-transition),background var(--win-transition)}.win-card:hover{box-shadow:var(--win-shadow-hover)}.win-card-header{padding:14px 16px;border-bottom:1px solid var(--win-border-light);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:space-between}.win-card-body{padding:16px}.win-table{width:100%;border-collapse:collapse;font-size:13px}.win-table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--win-text-secondary);font-size:12px;border-bottom:2px solid var(--win-border);background:var(--win-bg);text-transform:uppercase;letter-spacing:.5px}.win-table td{padding:10px 12px;border-bottom:1px solid var(--win-border-light);color:var(--win-text)}.win-table tr:hover td{background:var(--win-card-hover)}.win-table tr:last-child td{border-bottom:none}.win-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid var(--win-border);border-radius:var(--win-radius-sm);background:var(--win-card);color:var(--win-text);font-family:var(--win-font);font-size:13px;cursor:pointer;transition:background var(--win-transition),border-color var(--win-transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.win-btn:hover{background:var(--win-bg);border-color:silver}.win-btn:active{background:var(--win-border)}.win-btn-primary{background:var(--win-accent);border-color:var(--win-accent);color:#fff}.win-btn-primary:hover{background:var(--win-accent-hover);border-color:var(--win-accent-hover)}.win-btn-danger{background:var(--win-red);border-color:var(--win-red);color:#fff}.win-btn-danger:hover{background:#b92c2f;border-color:#b92c2f}.win-btn-sm{padding:4px 12px;font-size:12px}.win-btn-lg{padding:8px 24px;font-size:14px}.win-btn:disabled{opacity:.5;cursor:not-allowed}.win-input{width:100%;padding:7px 12px;border:1px solid var(--win-border);border-radius:var(--win-radius-sm);font-family:var(--win-font);font-size:13px;color:var(--win-text);background:var(--win-card);transition:border-color var(--win-transition),box-shadow var(--win-transition);outline:none}.win-input:focus{border-color:var(--win-accent);box-shadow:0 0 0 1px var(--win-accent)}.win-input::placeholder{color:var(--win-text-muted)}.win-textarea{resize:vertical;min-height:80px;font-family:var(--win-mono);font-size:13px;line-height:1.5}.win-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500;gap:4px}.win-tag.online{background:var(--win-green-bg);color:var(--win-green)}.win-tag.offline{background:var(--win-bg-dark);color:var(--win-text-muted)}.win-tag.running{background:var(--win-yellow-bg);color:var(--win-yellow)}.win-tag.success{background:var(--win-green-bg);color:var(--win-green)}.win-tag.failed{background:var(--win-red-bg);color:var(--win-red)}.win-tag.partial{background:var(--win-yellow-bg);color:var(--win-yellow)}.win-tag.pending,.win-tag.info{background:var(--win-blue-bg);color:var(--win-blue)}.win-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.win-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid #B0B0B0;border-radius:3px;cursor:pointer;transition:all var(--win-transition);position:relative;flex-shrink:0}.win-checkbox input[type=checkbox]:checked{background:var(--win-accent);border-color:var(--win-accent)}.win-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.win-checkbox input[type=checkbox]:hover{border-color:var(--win-accent)}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.device-card{background:var(--win-card);border:1px solid var(--win-border);border-radius:var(--win-radius);padding:16px;transition:box-shadow var(--win-transition);cursor:pointer;display:flex;flex-direction:column;gap:8px}.device-card:hover{box-shadow:var(--win-shadow-hover)}.device-card-header{display:flex;align-items:center;justify-content:space-between}.device-card-name{font-weight:600;font-size:14px}.device-card-info{font-size:12px;color:var(--win-text-secondary);display:flex;flex-direction:column;gap:2px}.device-card-info span{display:flex;align-items:center;gap:4px}.win-code{background:#1e1e1e;color:#d4d4d4;font-family:var(--win-mono);font-size:13px;padding:12px 16px;border-radius:var(--win-radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-all;line-height:1.5;margin:8px 0}.empty-state{text-align:center;padding:60px 20px;color:var(--win-text-muted)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:14px}.win-alert{padding:10px 14px;border-radius:var(--win-radius-sm);font-size:13px;display:flex;align-items:center;gap:8px}.win-alert.info{background:var(--win-blue-bg);color:var(--win-blue)}.win-alert.success{background:var(--win-green-bg);color:var(--win-green)}.win-alert.error{background:var(--win-red-bg);color:var(--win-red)}.win-progress{display:flex;align-items:center;gap:10px}.win-progress-bar{flex:1;height:6px;background:var(--win-border-light);border-radius:3px;overflow:hidden}.win-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.win-progress-fill.complete{background:var(--win-green)}.win-progress-fill.partial{background:var(--win-yellow)}.win-progress-fill.running{background:var(--win-accent)}.win-progress-text{font-size:12px;color:var(--win-text-secondary);white-space:nowrap}.loading-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--win-border);border-top-color:var(--win-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.device-select-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto;padding:4px 0}.device-select-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--win-radius-sm);cursor:pointer;transition:background var(--win-transition)}.device-select-item:hover{background:var(--win-bg)}.device-select-item .device-label{display:flex;flex-direction:column;gap:1px}.device-select-item .device-name{font-size:13px;font-weight:500}.device-select-item .device-meta{font-size:11px;color:var(--win-text-muted)}.result-panel{border:1px solid var(--win-border);border-radius:var(--win-radius);margin-bottom:12px;overflow:hidden}.result-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--win-bg);cursor:pointer;transition:background var(--win-transition);-webkit-user-select:none;user-select:none}.result-panel-header:hover{background:var(--win-bg-dark)}.result-panel-body{padding:0;max-height:400px;overflow:auto}.result-panel-body .win-code{margin:0;border-radius:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-secondary{color:var(--win-text-secondary)}.text-muted{color:var(--win-text-muted)}.text-sm{font-size:12px}.font-mono{font-family:var(--win-mono)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}.pagination .page-btn{min-width:32px;height:32px;border:1px solid var(--win-border);border-radius:var(--win-radius-sm);background:var(--win-card);color:var(--win-text);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all var(--win-transition)}.pagination .page-btn:hover{background:var(--win-bg);border-color:silver}.pagination .page-btn.active{background:var(--win-accent);border-color:var(--win-accent);color:#fff}@media (max-width: 768px){.win-sidebar{width:56px}.win-nav-item span:not(.nav-icon){display:none}.win-content{padding:12px}.device-grid{grid-template-columns:1fr}}