:root{--background:#f4f1ea;--foreground:#1c1915;--card:#fffdf8;--primary:#1d4e89;--muted:#6b645b;--line:#e4ddd2;--ok:#2f6b4f;--danger:#8d3b32;color:var(--foreground);background:var(--background);font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}nav{color:#f4f1ea;background:#241f1a;padding:24px 16px}nav h1{margin:0 0 24px;font-size:18px}nav button{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:8px;padding:10px 8px;display:block}nav button.on{background:#3a322b}main{padding:28px}.cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.card b{color:var(--primary);font-size:28px;display:block}.board{align-items:flex-start;gap:12px;display:flex;overflow-x:auto}.col{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:220px;padding:12px}.deal{border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:8px}table{border-collapse:collapse;background:var(--card);width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.row{gap:8px;margin:12px 0;display:flex}input{border:1px solid var(--line);border-radius:8px;padding:8px}.primary{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:8px 14px}.note{color:var(--muted);max-width:640px}.login{background:var(--card);border-radius:16px;max-width:480px;margin:10vh auto;padding:28px}code{background:#efeae2;border-radius:6px;padding:2px 6px}