:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293bb3;--bg-card-hover:#334155cc;--border-color:#94a3b826;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#38bdf8;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--gradient-brand:linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.app-container{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 0 28px;display:flex}.brand-wrapper{align-items:center;gap:14px;display:flex}.brand-logo-badge{background:var(--gradient-brand);color:#0f172a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 10px 25px -5px #38bdf866}.brand-title-group h1{letter-spacing:-.02em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.brand-title-group p{color:var(--text-secondary);font-size:.85rem}.header-status-group{align-items:center;gap:12px;display:flex}.status-badge{border:1px solid var(--border-color);color:var(--text-secondary);background:#1e293bcc;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.status-dot.waking{background-color:var(--accent-amber);animation:1.5s infinite pulse}.status-dot.offline{background-color:var(--accent-rose)}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.nav-tabs{gap:10px;margin-bottom:28px;padding-bottom:6px;display:flex;overflow-x:auto}.tab-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#38bdf84d}.tab-btn.active{color:var(--accent-blue);border-color:var(--accent-blue);background:#38bdf81f;box-shadow:0 0 15px -3px #38bdf833}.card-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px;margin-bottom:30px;padding:30px;box-shadow:0 20px 40px -15px #00000080}.btn-primary{background:var(--gradient-brand);color:#0f172a;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 10px 20px -5px #38bdf84d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #38bdf866}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#334155;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:#475569;border-color:#64748b}.dropzone{text-align:center;cursor:pointer;background:#0f172a80;border:2px dashed #38bdf859;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px 20px;transition:all .25s;display:flex}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-blue);background:#38bdf80d}.dropzone-icon{width:64px;height:64px;color:var(--accent-blue);background:#38bdf81a;border-radius:16px;justify-content:center;align-items:center;display:flex}.progress-bar-container{background:#334155;border-radius:4px;width:100%;height:8px;margin:16px 0;overflow:hidden}.progress-bar-fill{background:var(--gradient-brand);height:100%;transition:width .3s}input[type=text],textarea,select{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#0f172a;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--accent-blue);outline:none}.code-area{tab-size:2;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.88rem;line-height:1.5}.alert-box{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:.9rem;display:flex}.alert-info{color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf84d}.alert-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.alert-error{color:#fda4af;background:#f43f5e1a;border:1px solid #f43f5e4d}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);padding:30px 0;font-size:.85rem}.footer a{color:var(--accent-blue);text-decoration:none}