:root{--bg: #0a0a0a;--bg-card: #141414;--bg-hover: #1f1f1f;--bg-button: #1a1a1a;--border: #2a2a2a;--text: #fafafa;--text-muted: #888;--primary: #3b82f6;--primary-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}button,select{cursor:pointer;font:inherit}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:360px}.login-card h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.login-card .subtitle{color:var(--text-muted);margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary)}.login-card button[type=submit]{width:100%;padding:.75rem;background:var(--primary);border:none;border-radius:var(--radius);color:#fff;font-weight:500;margin-top:.5rem}.login-card button[type=submit]:hover:not(:disabled){background:var(--primary-hover)}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);font-size:.875rem;margin-bottom:.5rem}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.header-left{display:flex;align-items:center;gap:1rem}.dashboard-header h1{font-size:1.25rem;font-weight:600}.device-select{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;min-width:150px}.device-select:focus{outline:none;border-color:var(--primary)}.header-actions{display:flex;gap:.5rem}.icon-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1.25rem}.icon-button:hover{background:var(--bg-hover)}.text-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem}.text-button:hover{background:var(--bg-hover)}.dashboard-content{flex:1;padding:1.5rem;max-width:900px;width:100%;margin:0 auto}.loading,.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.empty-state .hint{font-size:.875rem;margin-top:.5rem}.error-banner{background:#ef44441a;border:1px solid var(--danger);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{padding:.25rem .75rem;background:var(--danger);border:none;border-radius:var(--radius);color:#fff;font-size:.875rem}.device-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.device-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.device-title h2{font-size:1.25rem;font-weight:600}.status-indicator{font-size:.75rem;padding:.25rem .625rem;border-radius:9999px;font-weight:500}.status-indicator.online{background:#22c55e26;color:var(--success)}.status-indicator.offline{background:#88888826;color:var(--text-muted)}.status-row{display:flex;flex-wrap:wrap;gap:.5rem}.status-chip{font-size:.8125rem;padding:.375rem .75rem;background:var(--bg);border-radius:var(--radius);color:var(--text-muted)}.toast{margin:.75rem 1.5rem 0;padding:.625rem 1rem;border-radius:var(--radius);font-size:.875rem;text-align:center}.toast.success{background:#22c55e26;color:var(--success)}.toast.error{background:#ef444426;color:var(--danger)}.scripts-section{padding:1.5rem}.scripts-loading,.scripts-empty{text-align:center;padding:2rem;color:var(--text-muted)}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.script-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;background:var(--bg-button);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all .15s ease;min-height:80px}.script-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary);transform:translateY(-1px)}.script-btn:active:not(:disabled){transform:translateY(0)}.script-btn:disabled{opacity:.5;cursor:not-allowed}.script-icon{font-size:1.5rem;line-height:1}.script-name{font-size:.8125rem;font-weight:500;text-align:center;line-height:1.2;word-break:break-word}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.dashboard-header{padding:1rem}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-content{padding:1rem}.scripts-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.script-btn{padding:.75rem .5rem;min-height:70px}.script-icon{font-size:1.25rem}.script-name{font-size:.75rem}}