:root{--bg: #ffffff;--ink: #0f172a;--muted: #64748b;--card: #f8fafc;--ring: #e2e8f0;--brand: #ff6b00;--brand-ink: #b94a00}[data-theme=green]{--brand: #0ea566;--brand-ink: #0b7a4c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:1160px;margin:0 auto;padding:24px}.hstack{display:flex;gap:12px;align-items:center}.vstack{display:flex;flex-direction:column;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--card);border:1px solid var(--ring);border-radius:14px;padding:16px}.kicker{font-size:12px;color:var(--muted)}.h1{font-size:28px;font-weight:700;margin:0 0 8px}.h2{font-size:18px;font-weight:700;margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;border:none;cursor:pointer}.btn.secondary{background:#fff;color:var(--brand);border:1px solid var(--brand)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--ring);background:#fff}.status-dot{width:10px;height:10px;border-radius:999px}.dot-ok{background:#16a34a}.dot-pending{background:#f59e0b}.dot-error{background:#ef4444}.sidebar{position:sticky;top:24px;height:calc(100vh - 48px);display:flex;flex-direction:column;gap:12px}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--ring);border-radius:10px;background:#fff;font:inherit}.hr{height:1px;background:var(--ring);border:0;margin:14px 0}