*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #16213e;--border: #0f3460;--accent: #e94560;--accent-hover: #c73652;--text: #e8e8f0;--text-muted: #8888aa;--online: #4caf50;--offline: #666;--font: "Segoe UI", system-ui, sans-serif;--mono: "Consolas", "Courier New", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;min-height:100vh}input,textarea,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:4px;font-family:var(--font);font-size:14px;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent)}button{background:var(--accent);color:#fff;border:none;padding:7px 14px;border-radius:4px;cursor:pointer;font-family:var(--font);font-size:13px;transition:background .15s}button:hover{background:var(--accent-hover)}button:disabled{background:#444;cursor:not-allowed;color:#888}button.secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted)}button.secondary:hover{border-color:var(--accent);color:var(--text)}label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.row{display:flex;gap:10px;align-items:flex-end}.col{flex:1}.mt{margin-top:12px}.mb{margin-bottom:12px}