:root{
  --bg:#fefaf3;
  --ink:#3f3a34;
  --brown:#8a6a58;
  --brown2:#5f473b;
  --accent:#9c6b3f;
  --line:#d8c29a;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--ink);
}
a{color:var(--brown2); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px; margin:0 auto; padding:18px}
.top{
  display:flex; gap:14px; align-items:baseline; justify-content:space-between;
  border-bottom:1px solid var(--line); padding-bottom:10px; margin-bottom:14px;
}
.brand{font-weight:700; letter-spacing:.5px}
.badge{
  display:inline-block; padding:2px 8px; border:1px solid var(--line);
  border-radius:999px; font-size:12px; color:var(--brown2);
}
.grid{display:grid; grid-template-columns: 1.2fr .8fr; gap:16px}
.card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.35);
}
h1,h2,h3{margin:.2em 0 .5em}
table{width:100%; border-collapse:collapse; font-size:14px}
th,td{padding:8px 8px; border-bottom:1px solid var(--line); vertical-align:top}
th{text-align:left; color:var(--brown2)}
.small{font-size:12px; color:#6b625b}
.kpi{display:grid; grid-template-columns:repeat(2,1fr); gap:10px}
.kpi div{border:1px dashed var(--line); border-radius:14px; padding:10px}
input,textarea,select{
  width:100%; padding:10px; border:1px solid var(--line); border-radius:12px;
  background:rgba(255,255,255,.55); color:var(--ink)
}
textarea{min-height:180px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}
button{
  padding:10px 12px; border:1px solid var(--line); border-radius:12px;
  background:var(--brown); color:#fff; cursor:pointer;
}
button:hover{filter:brightness(1.03)}
hr{border:none; border-top:1px solid var(--line); margin:14px 0}
SVG{max-width:100%}