@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fira+Mono:wght@400;500&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:#1f1b16;background-color:#f7f1e8;font-size:15px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#fff7e8,#f7f1e8 45%,#efe6d8),linear-gradient(120deg,#ffdca866,#fff0);color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}p{margin:0}button,input,select,textarea{font-family:inherit}#app{min-height:100vh}.app-shell{padding:32px 24px 48px;max-width:1400px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:#a8723a}.app-header h1{font-size:clamp(1.8rem,2.6vw,2.4rem)}.app-meta{display:flex;gap:12px;align-items:center}.badge{font-size:.85rem;padding:6px 12px;border-radius:999px;background:#1f1b16;color:#f7f1e8;text-transform:uppercase;letter-spacing:.08em}.badge.subtle{background:#f1e2cc;color:#6b4a2b}.app-main{display:flex;flex-direction:column;gap:24px}.panel{background:#ffffffe6;border-radius:18px;padding:24px;box-shadow:0 12px 40px #4f35221f;border:1px solid rgba(120,85,54,.08);width:100%}.panel.panel--wide{max-width:1400px;margin:0 auto}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.panel-title{font-size:1.1rem;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.create-form{display:flex;flex-direction:column;gap:20px}.create-grid{display:grid;grid-template-columns:.9fr .7fr .5fr 3.8fr;column-gap:16px;row-gap:0;align-items:end}.create-grid .input,.create-grid .select{height:40px}.create-grid .field{min-width:0}.create-wide .textarea{min-height:96px}.count-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.count-row .input{max-width:110px}.count-row .pill-toggle{height:40px}.create-description .textarea{min-height:90px}.data-section{margin-top:8px;padding-top:16px;border-top:1px solid rgba(120,85,54,.12)}.field{display:flex;flex-direction:column;gap:6px;min-height:70px}.field span{font-size:.7rem;color:#6b4a2b;text-transform:uppercase;letter-spacing:.08em}.input,.select,.textarea{border-radius:12px;border:1px solid rgba(96,68,40,.18);padding:10px 12px;background:#fffaf2;color:#1f1b16;font-size:.92rem}.input[readonly],.select[disabled],.textarea[readonly]{background:#fffaf2;color:#1f1b16;opacity:1}.modal-card .input,.modal-card .select,.modal-card .textarea{background:#fffaf2;background-color:#fffaf2;color:#1f1b16;border-color:#6044282e}.modal-card .input:read-only,.modal-card .textarea:read-only{background:#fffaf2;color:#1f1b16;-webkit-text-fill-color:#1f1b16}.modal-card .select:disabled{background:#fffaf2;color:#1f1b16}.textarea{min-height:90px;resize:vertical}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.95rem}.pill-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;min-height:40px;border-radius:12px;background:#f1e2cc;color:#6b4a2b;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pill-toggle input{display:none}.pill-state{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem}.pill-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1f1b1633}.button{border:none;background:#1f1b16;color:#f7f1e8;padding:9px 14px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button.secondary{background:#f1e2cc;color:#6b4a2b}.button.tiny{padding:4px 8px;font-size:.6rem}.button.small{padding:6px 12px;font-size:.65rem}.button.icon-only{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon{width:14px;height:14px;display:block}.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #1f1b1633}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(96,68,40,.12);font-size:.88rem;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word}.table th:last-child,.table td:last-child{padding-right:0}.table.table--deals{min-width:760px}.table.table--accounts{min-width:900px}.table th{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#6b4a2b}.table-sort{background:none;border:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.table-sort-state{font-size:.65rem;color:#6b4a2b}.table .col-id{width:160px}.table .col-name{width:calc(100% - 886px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table .col-price{width:70px}.table .col-bought{width:90px}.table .col-account-id{width:170px}.table .col-buyer{width:130px}.table .col-guarantor{width:90px}.table .col-access,.table .col-category{width:100px}.table .col-created{width:210px}.table th.col-actions,.table td.col-actions{width:96px;text-align:right;padding-right:10px}.table .col-actions .row{justify-content:flex-end;flex-wrap:nowrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#f1e2cc;color:#6b4a2b;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.notice{background:#e3f4e7;color:#2c6b3f;border-radius:12px;padding:10px 12px;font-size:.9rem}.mono{font-family:Fira Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.id-cell{display:inline-flex;align-items:center;gap:8px}.id-cell.id-cell--stack{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:12px}.id-cell.id-cell--stack span{flex:1;text-align:left}.id-cell.id-cell--stack .button{align-self:flex-start}.toast{position:fixed;right:24px;bottom:24px;background:#1f1b16;color:#f7f1e8;padding:12px 16px;border-radius:14px;box-shadow:0 12px 30px #1f1b1633;font-size:.9rem;z-index:1000}.modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:24px;overflow-y:auto}.modal-backdrop{position:absolute;inset:0;background:#1f1b1659}.modal-card{position:relative;z-index:1;width:min(1400px,100%);max-height:calc(100vh - 48px);overflow-y:auto;display:block;animation:modal-pop .22s ease-out}.modal-backdrop{animation:modal-fade .22s ease-out}.modal-card .panel-header{position:static;z-index:1;padding-top:0;margin-top:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.modal-card form.stack{padding-right:4px}@keyframes modal-pop{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.data-row .input{flex:1;min-width:0}.create-controls{width:fit-content;align-self:flex-start}.deactivate-form{align-items:flex-end}.pager{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;width:100%;margin-top:24px}.pager-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pager-center,.pager-right{display:flex;align-items:center}.pager-center{flex:1;justify-content:center}.pager-right{justify-content:flex-end}.pager-label{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#6b4a2b}.tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#f1e2cc;margin-top:8px}.tabs.tabs--section{padding:6px 8px;gap:4px;width:fit-content}.panel-header--baseline{align-items:flex-start}.tab{border:none;background:transparent;color:#6b4a2b;padding:6px 14px;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.tab.active{background:#1f1b16;color:#f7f1e8}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.detail-wide{grid-column:1 / -1}.data-value{word-break:break-word;white-space:pre-wrap}.detail-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#6b4a2b;margin-bottom:6px}.page-field{max-width:90px}.pager .button{height:30px;padding:0 10px;font-size:.65rem}.pager .input{height:28px;padding:0 8px;font-size:.72rem}.pager .tag{height:24px;display:inline-flex;align-items:center;font-size:.6rem;padding:0 8px}.pager-total{align-self:center;font-size:.72rem;color:#6b4a2b}.pager-compact{display:inline-flex;align-items:center;gap:6px}.pager-compact .input{width:50px;text-align:center}.spacer{flex:1}@media(max-width:720px){.table{table-layout:auto;min-width:100%}.table th,.table td{padding:8px 6px;font-size:.85rem}.table .col-id,.table .col-name,.table .col-price,.table .col-bought,.table .col-account-id,.table .col-buyer,.table .col-guarantor,.table .col-access,.table .col-category,.table .col-created{width:auto}.table.table--deals{min-width:100%}.table.table--deals th,.table.table--deals td{white-space:nowrap}.table.table--accounts{min-width:780px}.app-header{flex-direction:column;align-items:flex-start}.panel{padding:16px}.table th,.table td{padding:8px 6px;font-size:.8rem}.panel-header{flex-direction:column;align-items:flex-start}.tabs{flex-wrap:wrap}.create-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.pager{flex-direction:column;align-items:stretch}.pager-center,.pager-right{justify-content:center}}
