:root{--bg:#fff6e3;--ink:#2b1a0e;--muted:#7a6a50;--line:#ecd9b0;--accent:#0f8f8a;--soil:#3a2618}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.5 system-ui,sans-serif}main{max-width:1100px;margin:0 auto;padding:0 16px 40px}header{justify-content:space-between;align-items:center;display:flex}h1{font-size:1.4rem}.login{gap:10px;max-width:360px;margin:18vh auto;padding:0 16px;display:grid}input{border:2px solid var(--line);font:inherit;border-radius:10px;min-width:0;padding:9px 10px}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:9px 14px}button.link{color:var(--accent);background:0 0;padding:0}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0;display:grid}.card{border:2px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px;display:grid}.card span{color:var(--muted);font-size:.85rem}table{border-collapse:collapse;background:#fff;width:100%;display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:7px 9px}th{background:#fbeccc}.num{text-align:right}tr.click{cursor:pointer}tr.click:hover{background:#fdf3dc}.muted{color:var(--muted)}.error{color:#a30000}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1d140d;--ink:#f4e7d0;--muted:#b8a68a;--line:#4a3726}:root:not([data-theme=light]) .card,:root:not([data-theme=light]) table{background:#2a1d13}:root:not([data-theme=light]) th{background:#3a2a1c}}