:root{--bg:#f8f7f4;--card:#fff;--ink:#1d1f24;--muted:#646a76;--line:#dde2ea;--accent:#0d6a5b;--danger:#8f2c2c}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% 20%,#eef8f1 0,#f8f7f4 45%,#f4f1ec 100%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:960px;margin:0 auto;padding:1.25rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:1rem;padding:1rem}button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:.5rem .75rem}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}input,textarea,select{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:.25rem;margin-bottom:.75rem;padding:.5rem}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem;font-size:.9rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.small{color:var(--muted);font-size:.85rem}.badge{border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;font-size:.75rem}