:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f3f6f9;--navy:#12304a;--blue:#176b87;--mint:#24a68a;--line:#dce4ea}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(120deg,var(--navy),#205b70);color:#fff;padding:34px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px}.eyebrow,.section-title span{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#67dac0}.status{padding:9px 14px;border:1px solid #ffffff55;border-radius:999px}main{max-width:1240px;margin:24px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1.25fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px #17324d0c}.form-panel{grid-column:1/-1}.section-title{display:flex;justify-content:space-between;align-items:start}.section-title span{color:var(--blue)}.section-help{max-width:680px;color:#647487;font-size:.9rem;line-height:1.5;margin:7px 0 0}button{border:0;border-radius:10px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#edf4f6;color:var(--blue)}nav{display:flex;gap:7px;margin:15px 0;flex-wrap:wrap}.filter{background:#f2f5f7;color:#586879;padding:8px 11px}.filter.active{background:var(--navy);color:#fff}.transaction-list{display:grid;gap:9px;max-height:520px;overflow:auto}.transaction{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff;text-align:left;color:inherit;display:grid;grid-template-columns:1fr auto;gap:5px}.transaction.selected{border-color:var(--mint);box-shadow:0 0 0 2px #24a68a22}.transaction strong{font-size:1rem}.transaction small{color:#647487}.badge{font-size:.72rem;font-weight:800;padding:5px 8px;border-radius:99px;background:#e8f8f3;color:#16735f}.badge.INVOICED{background:#e9eef6;color:#445d83}.badge.NOT_INVOICEABLE{background:#fff0ec;color:#a5412d}.ticket-head{display:flex;justify-content:space-between}.ticket-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;color:#526170}.ticket-lines{width:100%;border-collapse:collapse;margin:18px 0}.ticket-lines th,.ticket-lines td{padding:9px 5px;border-bottom:1px dashed var(--line);text-align:right}.ticket-lines th:first-child,.ticket-lines td:first-child{text-align:left}.totals{margin-left:auto;width:min(280px,100%);display:grid;grid-template-columns:1fr auto;gap:8px}.grand{font-size:1.2rem;font-weight:800;padding-top:9px;border-top:2px solid var(--navy)}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.form-section-title{grid-column:1/-1;padding-top:7px;border-bottom:1px solid var(--line);color:var(--navy);font-weight:800}label{display:grid;gap:7px;min-width:0;font-size:.82rem;font-weight:700;color:#42546a}input,select{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #cbd6df;border-radius:9px;background:#fff}input:focus,select:focus{outline:3px solid #176b8722;border-color:var(--blue)}.message{grid-column:1/-1;min-height:24px}.message.error{color:#a52d22}.message.success{padding:13px;background:#e8f8f3;color:#126b58;border-radius:9px}.empty{color:#718093;text-align:center;padding:35px 10px}@media(max-width:800px){header{align-items:start;gap:15px}main{grid-template-columns:1fr}.form-panel{grid-column:auto}form{grid-template-columns:1fr}.form-section-title{grid-column:auto}}