:root{--bg: #f3f5f7;--panel: #ffffff;--text: #1c2430;--muted: #667085;--line: #d8dee6;--accent: #1f6feb;--purchase: #0f766e;--sale: #b45309;--error: #b42318;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:linear-gradient(160deg,#e8eef5,#f7f4ef 55%,#eef2f6);min-height:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2{margin:0 0 .4rem}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--error);margin:0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-box{width:min(360px,100%);background:var(--panel);border:1px solid var(--line);padding:1.5rem;display:grid;gap:.75rem}.login-box label{display:grid;gap:.35rem;font-size:.9rem}input{padding:.55rem .65rem;border:1px solid var(--line);font:inherit}button{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:.55rem .9rem;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border-color:var(--line)}.page{max-width:1100px;margin:0 auto;padding:1.25rem;display:grid;gap:1.5rem}.top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.actions{display:flex;gap:.5rem;flex-wrap:wrap}section{background:var(--panel);border:1px solid var(--line);padding:1rem}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.tag{display:inline-block;padding:.1rem .4rem;border:1px solid currentColor;font-size:.8rem;text-transform:uppercase}.tag.purchase{color:var(--purchase)}.tag.sale{color:var(--sale)}@media(max-width:720px){table{display:block;overflow-x:auto}}