:root{--bg-page:#f7f6f3;--bg-card:#fff;--bg-subtle:#fafaf8;--bg-dark:#1c1c1c;--bg-dark-2:#2a2a2a;--text-primary:#1c1c1c;--text-secondary:#444;--text-muted:#888;--text-faint:#bbb;--text-on-dark:#fff;--border-light:#f0ede8;--border-card:#edeae4;--accent:#fff;--shadow-card:0 1px 4px #0000000f}*{box-sizing:border-box}body{color:var(--text-primary);background:var(--bg-page);margin:0;font-family:DM Sans,sans-serif}a{color:inherit}.container{max-width:1080px;margin:0 auto;padding:24px}.panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:16px}.card{background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:20px;padding:28px 32px}.section-label{letter-spacing:.12em;color:#1c1c1c;text-transform:uppercase;margin-bottom:4px;font-family:DM Mono,monospace;font-size:10px;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}input,select,button{font:inherit}input,select{border:1px solid var(--border-card);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif}button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 14px}button.secondary{color:var(--text-primary);border-color:var(--border-card);background:#fff}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--bg-page);text-align:left;padding:10px 8px}tbody tr:hover{background:var(--bg-subtle)}.invoice-row:hover{background:var(--bg-subtle)!important}th{letter-spacing:.08em;text-transform:uppercase;color:#bbb;font-family:DM Mono,monospace;font-size:10px}small{color:var(--text-muted)}
