:root{--bg-primary: #0f111a;--bg-secondary: #1e2233;--accent: #ff477e;--accent-glow: rgba(255, 71, 126, .3);--text-primary: #f8f9fa;--text-secondary: #8b92b6;--border: #2e344e}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;min-height:100vh;display:flex;flex-direction:column}.dashboard{max-width:800px;margin:0 auto;padding:24px;flex:1;width:100%;box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#fff,#8b92b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:12px}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 4px 20px #00000040;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow)}.card h2{margin-top:0;margin-bottom:8px;font-size:1.25rem}.card p{margin:4px 0;color:var(--text-secondary);font-size:.95rem}.card code{background:#131622;padding:2px 6px;border-radius:4px;color:#ff477e;font-family:monospace}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;padding:4px 10px;border-radius:20px;font-weight:600}.status-detached{background:#34d39926;color:#34d399}.status-attached{background:#fbbf2426;color:#fbbf24}.status-offline{background:#9ca3af26;color:#9ca3af}.button{background:var(--accent);color:var(--text-primary);border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;display:inline-flex;align-items:center;gap:8px}.button:hover{opacity:.9}.button-secondary{background:#2e344e;color:#f8f9fa}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:16px;margin-top:20px}.empty-state h3{margin-bottom:8px;font-size:1.3rem}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:90%;max-width:500px;padding:24px;box-shadow:0 10px 40px #00000080}.modal h2{margin-top:0;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--text-secondary)}.form-control{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#131622;color:#fff;font-size:.95rem;box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--accent)}textarea.form-control{resize:vertical;min-height:80px;font-family:monospace}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.app-footer{text-align:center;padding:16px;font-size:.8rem;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:auto;background:var(--bg-primary)}