@import url('/static/fonts/fonts.css');
:root{color-scheme:light;--ink:#0A0B08;--muted:#5C665F;--lime:#C0E75A;--border:#DADCD4;--pale:#F7FBED;--soft:#F5F6F3;--white:#fff}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 'Instrument Sans',sans-serif;color:var(--ink);background:var(--soft)}
button,input,select{font:inherit;border:1px solid var(--border);border-radius:5px;padding:9px 12px;min-height:40px;background:white;color:var(--ink)}button{cursor:pointer;font-weight:600}button:hover{background:var(--pale);border-color:var(--muted)}button:disabled{opacity:.5;cursor:wait}button.primary,form button{background:var(--lime);border-color:var(--lime)}button.primary:hover,form button:hover{border-color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}input,select{width:100%;min-width:0}input::placeholder{color:var(--muted)}
h1{font:800 30px/1.15 'Archivo',sans-serif;letter-spacing:-1px;margin:0 0 24px;overflow-wrap:anywhere}p{margin:16px 0;color:var(--muted)}
aside{position:fixed;width:224px;inset:0 auto 0 0;padding:28px 20px;background:white;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:auto}aside h1{font-size:30px;margin-bottom:3px}aside small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}aside p{font-size:12px;line-height:1.65}nav{margin:36px 0 20px}nav button{display:block;width:100%;text-align:left;border-color:transparent;background:transparent;margin:5px 0}nav button[aria-current=page]{background:var(--lime);border-color:var(--lime)}
main{margin-left:224px;padding:0 32px 40px;max-width:1640px;min-width:0}header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}header select{width:auto;max-width:75%;font-weight:600}header button{background:transparent}.notice{font-size:12px;background:var(--pale);border:1px solid var(--border);padding:12px 16px;border-radius:5px;line-height:1.6;margin:20px 0}#status{color:#8b301d;overflow-wrap:anywhere}#status:empty{display:none}#status:not(:empty){padding:12px 16px;border:1px solid currentColor;border-radius:5px}#view{background:white;border:1px solid var(--border);padding:28px;border-radius:6px;min-height:340px}#view>button{margin-right:8px;margin-bottom:8px}form{display:grid;gap:18px;max-width:580px;margin:24px 0}form button{justify-self:start}label{display:grid;gap:7px;font-weight:500;font-size:13px}article{padding:18px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.invoice-tools{display:flex;gap:16px;align-items:end;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--border)}.invoice-tools label:first-child{flex:1;max-width:380px}.invoice-tools label:last-child{width:180px}.list-summary{font-size:12px;margin:16px 0 10px}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--border);border-radius:5px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}caption{text-align:left;padding:10px 14px;background:var(--soft);font-size:12px;color:var(--muted);border-bottom:1px solid var(--border)}th,td{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle}thead th{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}tbody th{font-weight:600;min-width:180px;overflow-wrap:anywhere}td:nth-child(2){min-width:160px;max-width:260px;overflow-wrap:anywhere}tbody tr:last-child>*{border-bottom:0}tbody tr:hover{background:var(--pale)}.amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.date{white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:11px}.status-badge{display:inline-block;background:var(--soft);border:1px solid var(--border);padding:3px 8px;border-radius:4px;white-space:nowrap;font-size:11px;font-weight:500}table button{min-height:34px;padding:6px 10px;font-size:12px}.empty{text-align:center;padding:32px;color:var(--muted)}
[hidden]{display:none!important}
.brand{font:800 32px/1 'Archivo',sans-serif;letter-spacing:-1.5px;margin-bottom:9px}.brand span{color:#557021}.scope-note{border-top:1px solid var(--border);padding-top:20px}.sandbox-note{margin-top:auto;padding-top:24px}.client-label{font-size:11px;color:var(--muted);gap:3px;max-width:75%}.client-label select{max-width:100%;color:var(--ink);font-size:14px;min-width:200px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);background:var(--lime);color:var(--ink);padding:10px 16px;z-index:10}.skip-link:focus{transform:none}.signed-out header{min-height:36px}.signed-out #view{max-width:580px;margin:36px auto;padding:36px}.signed-out nav{display:none}.signed-out form{margin-bottom:0}.signed-out form button{width:100%}#view[data-page=overview]>button{display:inline-flex;align-items:center;min-height:86px;width:min(100%,280px);text-align:left;background:var(--pale);padding:20px;margin:0 12px 12px 0}#view[data-page=overview]>p{max-width:620px;border-top:1px solid var(--border);padding-top:20px}#view[data-page=customers] form{padding:20px;background:var(--soft);border:1px solid var(--border);border-radius:5px}#view[data-page=invoices]>p:not(.list-summary){max-width:720px}#view[data-page=invoices]>p:nth-of-type(2){color:var(--ink);font-size:18px;font-weight:600;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}

@media(min-width:1500px){main{padding-right:48px;padding-left:48px}}
@media(max-width:1050px){aside{width:194px;padding:24px 16px}main{margin-left:194px;padding:0 20px 28px}#view{padding:22px}}
@media(max-width:700px){aside{position:static;width:auto;border-right:0;border-bottom:1px solid var(--border);padding:20px}nav{display:flex;gap:4px;margin:18px 0 4px}nav button{width:auto;flex:1;font-size:12px;padding:9px 7px;text-align:center}aside p{margin:8px 0;font-size:11px}main{margin:0;padding:0 14px 24px}header{min-height:74px;gap:10px}header select{max-width:72%}.notice{margin:14px 0;padding:10px 12px}#view{padding:20px 16px;min-height:300px}h1{font-size:28px}.invoice-tools{flex-wrap:wrap;gap:12px}.invoice-tools label:first-child{max-width:none;flex-basis:100%}.invoice-tools label:last-child{width:100%}input,select{font-size:16px}form{gap:16px}table{min-width:850px}}
thead th:nth-child(4),thead th:nth-child(5){text-align:right}nav button[aria-current=page]{font-weight:700;box-shadow:inset 3px 0 0 var(--ink)}
@media(max-width:700px){aside{padding:14px 16px}.brand{font-size:28px;margin-bottom:4px}nav{margin:12px 0 4px}.scope-note{padding-top:8px;line-height:1.4}.sandbox-note{padding-top:0;margin-bottom:0}h1{margin-bottom:18px}.invoice-tools{margin-top:12px;padding-top:14px}.table-scroll::before{content:'Scroll table horizontally to view all columns';display:block;padding:8px 12px;font-size:12px;color:var(--muted);background:var(--pale)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}