:root{font-family:Segoe UI,Arial,sans-serif;color:#202124;background:#ccd7de;--page:#ccd7de;--nav:#abb4ba;--surface:#fff;--surface2:#eef2f4;--text:#202124;--muted:#606569;--border:#868d91;--primary:#3b3e40;--on:#fff;--critical:#690c00;--focus:#3b3e40}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--page)}button,input,select,textarea{font:inherit}button,a,.button{min-height:42px}button,.button{border:1px solid var(--primary);border-radius:4px;padding:.55rem .9rem;background:var(--surface);color:var(--text);cursor:pointer}button.primary{background:var(--primary);color:var(--on)}button.danger{background:var(--critical);color:#fff;border-color:var(--critical)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell{min-height:100vh}.top{display:flex;align-items:center;gap:1rem;background:var(--nav);padding:.7rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.top h1{font-size:1.15rem;margin:0}.top .spacer{flex:1}.top a{color:inherit}.content{max-width:1240px;margin:0 auto;padding:1rem}.tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1rem}.tabs button[aria-selected=true]{background:var(--primary);color:var(--on)}h2{font-size:1.5rem;margin:.2rem 0 1rem}h3{font-size:1.05rem}.notice,.error,.warning{padding:.75rem 1rem;border:1px solid var(--border);background:var(--surface);margin:.6rem 0}.error{border-color:var(--critical)}.warning{border-left:5px solid #606569}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.7rem}.metric,.panel{background:var(--surface);border:1px solid var(--border);padding:1rem}.metric strong{display:block;font-size:1.45rem}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end;background:var(--surface);padding:.75rem;border:1px solid var(--border);margin-bottom:.75rem}.field{display:grid;gap:.3rem;min-width:150px}.field.grow{flex:1}.field label{font-weight:600;font-size:.88rem}.field input,.field select,.field textarea{min-height:42px;border:1px solid var(--border);border-radius:3px;padding:.5rem;background:var(--surface);color:var(--text)}.field textarea{min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.wide{grid-column:1/-1}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border)}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--border);vertical-align:top}th{background:var(--surface2)}tr[data-click]{cursor:pointer}tr[data-click]:hover{background:var(--surface2)}.status{display:inline-block;border:1px solid var(--border);padding:.15rem .45rem;border-radius:999px;font-size:.82rem}.status-rejected{border-color:var(--critical);color:var(--critical)}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:1rem}.receipt-preview{width:100%;max-height:430px;object-fit:contain;background:var(--surface2);border:1px solid var(--border)}.muted{color:var(--muted)}.hidden{display:none!important}.dialog{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:1rem;z-index:10}.dialog>section{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--surface);padding:1rem;border:1px solid var(--border)}.dialog header{display:flex;align-items:center;gap:1rem}.dialog header h2{flex:1}.empty{padding:2rem;text-align:center;background:var(--surface);border:1px solid var(--border)}@media(prefers-color-scheme:dark){:root{--page:#3b3e40;--nav:#343739;--surface:#45494c;--surface2:#3b3e40;--text:#fff;--muted:#ccd7de;--border:#abb4ba;--primary:#ccd7de;--on:#202124;--focus:#ccd7de}option{background:#45494c;color:#fff}.status-rejected{color:#ffd5cf;border-color:#a46c65}}@media(max-width:760px){.content{padding:.6rem}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid,.split{grid-template-columns:1fr}.toolbar>*{width:100%}.table-wrap{border:0;background:transparent}table,thead,tbody,tr,th,td{display:block;min-width:0}thead{position:absolute;clip:rect(0 0 0 0)}tr{background:var(--surface);border:1px solid var(--border);margin-bottom:.6rem;padding:.5rem}td{display:grid;grid-template-columns:8rem 1fr;border:0;padding:.35rem}td:before{content:attr(data-label);font-weight:600}.top{align-items:flex-start;flex-wrap:wrap}.top .spacer{display:none}}
