:root{--bg:#f7f7f2;--surface:#ffffff;--text:#121212;--muted:#5b5b4f;--border:#d8d6cc;--brand:#0f4c5c;--brand-soft:#e4f0f2;--ok:#156f3d;--warn:#9a5f00}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 0 0,#ffffff 0,#f7f7f2 45%,#ece9dd 100%);color:var(--text);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1100px,92vw);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem}.table{width:100%;border-collapse:collapse;font-size:.93rem}.table td,.table th{border-bottom:1px solid var(--border);text-align:left;padding:.7rem;vertical-align:top}.badge{display:inline-block;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;border:1px solid transparent}.badge.success{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,white);background:color-mix(in srgb,var(--ok) 10%,white)}.badge.pending{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,white);background:color-mix(in srgb,var(--warn) 10%,white)}.button{border:1px solid var(--brand);background:var(--brand);color:#fff;padding:.55rem .95rem;border-radius:10px;font-weight:600;cursor:pointer}.button.secondary{background:transparent;color:var(--brand)}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;font:inherit;background:#fff}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}