:root{--kome-brown:#8b5e3c;--kome-sand:#d8c9b4;--kome-cream:#f2ede4;--kome-ink:#3a332b;--kome-warm:#ead7b5;--ok:#2a7d4f;--warn:#b8791f;--err:#b23a2e;--radius:10px;--shadow:0 1px 3px rgba(58,51,43,0.12);--font:"Noto Sans Thai","Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--kome-cream);color:var(--kome-ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--kome-brown)}.container{max-width:1100px;margin:0 auto;padding:16px}.topbar{background:var(--kome-brown);color:var(--kome-cream);padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.topbar .brand{font-weight:700;letter-spacing:.5px}.topbar .spacer{flex:1 1}.card{background:#fff;border:1px solid var(--kome-sand);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.btn{background:var(--kome-brown);color:#fff;border:none;border-radius:var(--radius);padding:10px 16px;font-size:15px;cursor:pointer;font-family:inherit}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--kome-sand);color:var(--kome-ink)}.btn.ghost{background:transparent;border:1px solid var(--kome-brown);color:var(--kome-brown)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--kome-warm);color:var(--kome-ink)}.badge.ok{background:#d8f0e0;color:var(--ok)}.badge.warn{background:#f6e6c8;color:var(--warn)}.badge.err{background:#f5d8d3;color:var(--err)}.grid{display:grid;grid-gap:12px;gap:12px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (max-width:700px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:10px}.money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.muted{color:#86796a;font-size:13px}h1,h2,h3{color:var(--kome-ink)}.mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:12px;word-break:break-all}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--kome-sand)}th{font-size:13px;color:#86796a}input,select{font-family:inherit;padding:8px 10px;border:1px solid var(--kome-sand);border-radius:8px;background:#fff;color:var(--kome-ink)}