:root{--bg:#0b0f12;--panel:#12181d;--muted:#a9b1bb;--text:#e8edf2;--primary:#00aa88;--danger:#e05d5d;--border:#1c242c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 0 0 1px #00000026,0 14px 30px #0003}.row{display:flex;gap:16px;flex-wrap:wrap}.grow{flex:1 1 0}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);padding:10px 14px;border-radius:12px;background:#0e1419;color:#e8edf2;cursor:pointer}.btn.primary{background:var(--primary);color:#001d16;border:none}.input,textarea,select{width:100%;padding:12px 14px;background:#0e1419;border:1px solid var(--border);color:#e8edf2;border-radius:12px;outline:none}.small{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}