:root{--cream:#fff6e3;--card:#fffaf0;--line:#ecd9b0;--teal:#0f8f8a;--teal-dark:#0b5f5c;--ink:#3a2a14;--ink-soft:#7a6a50;--orange:#ff9f1c;--green:#1f8c48;--red:#d94f4f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:1200px;margin:0 auto;padding:16px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}h1{color:var(--teal-dark);margin:0;font-size:22px}h2{color:var(--teal-dark);margin:24px 0 8px;font-size:17px}nav{flex-wrap:wrap;gap:6px;display:flex}button{background:var(--teal);color:#fff;cursor:pointer;box-shadow:0 3px 0 var(--teal-dark);border:0;border-radius:12px;padding:8px 14px;font-weight:600}button.active{background:var(--orange);box-shadow:0 3px #c46f00}button.ghost{color:var(--teal-dark);box-shadow:none;background:0 0}button:disabled{opacity:.5;cursor:default}input{border:2px solid var(--line);font:inherit;background:#fff;border-radius:12px;flex:1;min-width:0;padding:8px 12px}.toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.card{background:var(--card);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.card span{color:var(--ink-soft);font-size:13px}.card strong{color:var(--teal-dark);font-size:24px}table{border-collapse:collapse;background:var(--card);border:2px solid var(--line);border-radius:14px;width:100%;display:block;overflow:auto hidden}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px}th{color:var(--ink-soft);font-size:13px;font-weight:600}.num{text-align:right}.pos{color:var(--green)}.neg{color:var(--red)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.clickable{cursor:pointer}.clickable:hover{background:#fff3d6}.muted{color:var(--ink-soft)}.error{color:var(--red)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:2px 10px;font-size:13px}.login{background:var(--card);border:3px solid var(--teal);border-radius:24px;flex-direction:column;gap:12px;max-width:420px;margin:80px auto;padding:24px;display:flex}