.app-container[data-v-836bf9e9]{min-height:100vh}.page-header{margin-bottom:32px}.page-header h1{margin-bottom:8px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-badge.online{color:var(--success);background:#00e6761a}.status-badge.offline{color:var(--error);background:#ff52521a}.ssh-status{border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px;display:inline-block}.ssh-status.running{color:var(--success);background:#00e6761a}.ssh-status.stopped{color:var(--error);background:#ff52521a}.info-list{padding:20px 24px}.info-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:14px}.info-value{font-size:14px;font-weight:500}.empty-state{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;display:flex}.empty-state .hint{color:var(--text-muted);font-size:13px}.empty-row{text-align:center;color:var(--text-secondary);padding:60px 20px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);transition:var(--transition);padding:12px 32px;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.input-field{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);padding:10px 16px;font-size:14px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.input-field::placeholder{color:var(--text-muted)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 20px}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.data-table td{font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}.action-btn{color:var(--text-secondary);transition:var(--transition);background:0 0;border-radius:6px;padding:8px}.action-btn:hover{background:var(--bg-card-hover)}.action-btn.delete:hover{color:var(--error);background:#ff52521a}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h2{font-size:16px;font-weight:600}.copy-btn{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.copy-btn:hover{background:var(--border)}.status-online{color:var(--success)}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-darker);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);padding:20px}.logo{color:var(--primary);align-items:center;gap:12px;display:flex}.logo-text{background:linear-gradient(135deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text)}.nav-item.active{color:var(--primary);background:linear-gradient(135deg,#00d4ff26,#00d4ff0d);border:1px solid #00d4ff33}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.logout-btn{width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;align-items:center;gap:12px;padding:12px 16px;display:flex}.logout-btn:hover{color:var(--error);background:#ff52521a}.main-content{width:calc(100% - 240px);min-height:100vh;margin-left:240px;padding:24px}@media (max-width:768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}}.client-detail{width:100%}.client-detail .page-header{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:16px;display:flex}.back-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.back-btn:hover{background:var(--bg-card-hover);color:var(--text)}.client-detail .page-header h1{font-size:28px;font-weight:700}.client-detail .status-badge{padding:6px 16px;font-size:14px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.info-card h3{border-bottom:1px solid var(--border);padding:20px 24px;font-size:16px;font-weight:600}.info-card .info-list{padding:8px 0}.info-card .info-item{padding:14px 24px}.info-card .info-item:not(:last-child){border-bottom:1px solid var(--border)}.loading{text-align:center;color:var(--text-secondary);padding:60px}.clients-page{width:100%}.clients-page .page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 16px;display:flex}.search-box input{color:var(--text);background:0 0;border:none;width:200px;font-size:14px}.search-box input::placeholder{color:var(--text-muted)}.status-filter{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:10px 16px;font-size:14px}.status-filter option{background:var(--bg-dark)}.clients-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.hostname-cell a{color:var(--primary);font-weight:500}.hostname-cell a:hover{text-decoration:underline}.pagination{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-top:20px;padding:16px 20px;display:flex}.pagination-info{color:var(--text-secondary);font-size:13px}.pagination-btns{gap:6px;display:flex}.page-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:var(--transition);border-radius:6px;padding:6px 14px;font-size:13px}.page-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1024px){.clients-page .page-header{flex-direction:column}.header-actions{width:100%}.search-box{flex:1}.search-box input{width:100%}}.dashboard{width:100%}.dashboard .page-header{justify-content:space-between;align-items:flex-start;display:flex}.login-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 16px;display:flex}.login-label{color:var(--text-secondary);font-size:13px}.login-ip{color:var(--primary);font-family:monospace;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:16px;padding:24px;display:flex}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.clients-icon{color:var(--primary);background:#00d4ff1a}.online-icon{color:var(--success);background:#00e6761a}.packages-icon{color:var(--warning);background:#ffab001a}.version-icon{color:#7c3aed;background:#7c3aed1a}.stat-content{flex-direction:column;display:flex}.stat-value{font-size:28px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:14px}.content-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.recent-clients,.system-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.view-all{color:var(--primary);font-size:14px}.clients-table{overflow-x:auto}.clients-table table{border-collapse:collapse;width:100%}.clients-table th,.clients-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 24px}.clients-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.clients-table td{font-size:14px}.clients-table tr:last-child td{border-bottom:none}.clients-table tr:hover td{background:var(--bg-card-hover)}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.orb{filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.orb-1{background:var(--primary);width:400px;height:400px;animation:8s ease-in-out infinite float;top:-100px;right:-100px}.orb-2{background:#7c3aed;width:300px;height:300px;animation:10s ease-in-out infinite reverse float;bottom:-50px;left:-50px}.orb-3{background:#00e676;width:200px;height:200px;animation:12s ease-in-out infinite float;top:50%;left:50%}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#1a1f2ecc;border-radius:20px;padding:48px;position:relative}.login-header{text-align:center;margin-bottom:32px}.login-logo{color:var(--primary);margin-bottom:16px}.login-header h1{background:linear-gradient(135deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.login-header p{color:var(--text-secondary);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:14px}.form-group input{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);padding:12px 16px;font-size:14px}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.form-group input::placeholder{color:var(--text-muted)}.error-message{color:var(--error);text-align:center;font-size:14px}.login-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);transition:var(--transition);padding:14px;font-size:16px;font-weight:600}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff4d}.login-btn:disabled{opacity:.5;cursor:not-allowed}.packages-page{width:100%}.upload-section{margin-bottom:32px}.upload-area{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);cursor:pointer;padding:48px}.upload-area:hover,.upload-area.dragover{border-color:var(--primary);background:#00d4ff0d}.upload-area svg{color:var(--text-secondary);margin-bottom:16px}.upload-text{margin-bottom:8px;font-size:16px}.upload-hint{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.upload-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);transition:var(--transition);padding:10px 24px;font-size:14px;font-weight:500}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff4d}.upload-progress{text-align:center;color:var(--primary);padding:16px}.url-download-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:24px}.section-header{color:var(--primary);align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-header h3{font-size:16px;font-weight:600}.url-download-form{gap:12px;display:flex}.url-input{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);flex:1;padding:12px 16px;font-size:14px}.url-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.url-input::placeholder{color:var(--text-muted);font-size:13px}.download-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;padding:12px 24px;font-size:14px;font-weight:500}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff4d}.download-btn:disabled{opacity:.5;cursor:not-allowed}.download-error{color:var(--error);margin-top:12px;font-size:13px}.list-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.list-header h2{font-size:18px;font-weight:600}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.refresh-btn:hover{background:var(--bg-card-hover);color:var(--text)}.packages-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.package-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:24px}.package-card:hover{border-color:var(--border-light)}.package-card.latest{border-color:var(--primary);background:linear-gradient(135deg,#00d4ff0d,#00d4ff05)}.package-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.package-icon{color:var(--primary)}.latest-badge{color:var(--primary);background:#00d4ff1a;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.package-info{margin-bottom:16px}.package-info h3{margin-bottom:8px;font-size:20px;font-weight:700}.filename{color:var(--text-secondary);word-break:break-all;margin-bottom:12px;font-size:14px}.meta{color:var(--text-muted);gap:16px;margin-bottom:8px;font-size:13px;display:flex}.sha256{color:var(--text-muted);font-family:monospace;font-size:12px}.package-url{background:var(--bg-dark);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.package-url label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.url-box{gap:8px;display:flex}.url-box input{background:var(--bg-darker);border:1px solid var(--border);color:var(--primary);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px;font-family:monospace;font-size:13px}.url-box input:hover{border-color:var(--primary)}.packages-page .copy-btn{border-radius:6px;padding:8px 12px;font-size:13px}.package-actions{border-top:1px solid var(--border);gap:8px;padding-top:16px;display:flex}.package-actions .action-btn{text-align:center;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.action-btn.download{color:var(--primary);background:#00d4ff1a;text-decoration:none}.action-btn.download:hover{background:#00d4ff33}.packages-page .empty-state{grid-column:1/-1;padding:60px}.packages-page .empty-state svg{opacity:.5;margin-bottom:16px}.quickstart-page{width:100%}.scenarios{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.scenario-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.scenario-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:24px;display:flex}.scenario-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.scenario-only{color:var(--primary);background:#00d4ff1a}.scenario-report{color:var(--success);background:#00e6761a}.scenario-info h3{margin-bottom:4px;font-size:16px;font-weight:600}.scenario-info p{color:var(--text-secondary);font-size:14px}.command-section{padding:20px 24px}.command-box{align-items:center;gap:12px;width:100%;display:flex}.command-box code{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary);word-break:break-all;white-space:pre-wrap;flex:1;padding:12px 16px;font-family:monospace;font-size:14px}.command-hint{color:var(--text-muted);margin-top:12px;font-size:13px}.tips-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.tips-card h3{margin-bottom:16px;font-size:16px;font-weight:600}.tips-card ul{padding:0;list-style:none}.tips-card li{color:var(--text-secondary);margin-bottom:12px;padding-left:20px;font-size:14px;line-height:1.6;position:relative}.tips-card li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.tips-card code{background:var(--bg-dark);color:var(--primary);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.settings-page{width:100%}.settings-grid{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-card h3{border-bottom:1px solid var(--border);padding:20px 24px;font-size:16px;font-weight:600}.settings-list{padding:8px 0}.setting-item{justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.setting-item:not(:last-child){border-bottom:1px solid var(--border)}.setting-item.column{flex-direction:column;align-items:stretch}.setting-info{flex:1}.setting-info label{margin-bottom:4px;font-size:14px;font-weight:500;display:block}.setting-info p{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.setting-info p:last-child{margin-bottom:0}.setting-info code{background:var(--bg-dark);color:var(--primary);border-radius:4px;padding:2px 6px;font-size:12px}.setting-item input{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);width:300px;color:var(--text);transition:var(--transition);padding:10px 16px;font-size:14px}.setting-item input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.setting-textarea{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:vertical;transition:var(--transition);padding:10px 16px;font-family:monospace;font-size:14px}.setting-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1a}.setting-info .hint{color:var(--text-muted);margin-top:4px;font-size:12px}.account-actions{border-top:1px solid var(--border);align-items:center;gap:16px;padding:16px 24px;display:flex}.actions{align-items:center;gap:16px;display:flex}.save-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);transition:var(--transition);padding:12px 32px;font-size:14px;font-weight:600}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #00d4ff4d}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-success{color:var(--success);font-size:14px}.save-error{color:var(--error);font-size:14px}@media (max-width:768px){.setting-item{flex-direction:column;align-items:flex-start}.setting-item input,.setting-textarea{width:100%}}