:root{--ink:#20211f;--paper:#f7f6ef;--lime:#d6f479;--peach:#f4bba4;--line:#242520}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;background:#fffef8;border:1.5px solid var(--ink);padding:11px 16px;font-weight:700;transition:transform .12s,box-shadow .12s}button:hover{transform:translate(-2px,-2px);box-shadow:3px 3px var(--ink)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--lime);border:2px solid;box-shadow:4px 4px var(--ink);padding:14px 20px}.primary:hover{box-shadow:6px 6px var(--ink)}aside{position:fixed;inset:0 auto 0 0;width:245px;border-right:2px solid;padding:33px 22px;display:flex;flex-direction:column;background:#eeeee4}.brand{font-size:62px;font-weight:900;letter-spacing:-5px;text-decoration:none;color:inherit;line-height:1}.brand span{font-size:18px;vertical-align:top;letter-spacing:0;margin:8px}.caption{font-size:9px;letter-spacing:1.8px;margin-top:13px;font-weight:800}nav{display:grid;gap:9px;margin-top:54px}nav a{display:flex;align-items:center;gap:14px;padding:15px 12px;color:inherit;text-decoration:none;border:1.5px solid transparent;font-weight:600}nav a span{font-size:22px;width:24px}nav a b{margin-left:auto}nav a.active{background:var(--lime);border-color:var(--ink);box-shadow:4px 4px var(--ink)}nav a:hover{background:#e1e1d4}.side-bottom{margin-top:auto}.stamp{font-size:16px;font-weight:900;line-height:1.25;letter-spacing:-.5px;border-top:2px solid;padding:20px 0}#mode{font-size:9px;font-weight:700;letter-spacing:.4px}.quiet{display:block;margin-top:10px}main{margin-left:245px}header{height:84px;border-bottom:1.5px solid;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:10px;letter-spacing:1px}header b{margin-left:8px}.avatar{border:1.5px solid;background:var(--peach);height:35px;width:35px;display:grid;place-items:center;font-size:17px;font-weight:800}#page{padding:44px;min-height:calc(100vh - 145px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800}h1{font-size:48px;letter-spacing:-2px;margin:10px 0 12px;font-weight:900}.dot{color:#759d19}p{line-height:1.65;color:#66675e;margin:8px 0}h2{font-size:20px;letter-spacing:-.6px}h3{letter-spacing:-.3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}.stat{border:2px solid;padding:24px;background:#fffef9;box-shadow:4px 4px var(--ink);min-height:166px}.lime{background:var(--lime)!important}.peach{background:var(--peach)!important}.stat>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:800}.stat span b{font-size:22px;margin-top:-6px}.stat strong{display:block;font-size:32px;letter-spacing:-1px;margin:22px 0 12px}.stat small{font-size:11px}.panel{border:2px solid;background:#fffef9}.panel-top{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid}.panel-top h2{margin:0}.count{font-size:11px;border:1px solid;padding:3px 7px;vertical-align:middle;margin-left:7px;background:var(--paper)}.filters{display:flex;justify-content:space-between;gap:15px;padding:20px 24px}.segmented{display:flex;gap:5px;align-items:center}.segmented button{border:0;background:transparent;font-size:12px;padding:10px}.segmented .selected{background:var(--ink);color:white}.filters input{max-width:250px;font-size:12px}input,select,textarea{width:100%;border:1.5px solid;background:#fffef9;padding:12px;border-radius:0}textarea{resize:vertical}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:1px;padding:16px;background:#f0f0e7;border-block:1px solid #d0d0c4}td{padding:21px 16px;border-bottom:1px solid #e0e0d5;font-size:12px}td small{display:block;color:#74756b;margin-top:6px;font-size:10px}.pill{display:inline-block;padding:6px 9px;border:1px solid;font-size:10px;white-space:nowrap;background:#eeede5}.paid{background:var(--lime)}.overdue{background:var(--peach)}.partial{background:#e2d6f6}.pre-order{background:#e6e0f4}.table-wrap{overflow:auto}.empty{text-align:center;padding:45px 20px 55px;border-top:1px solid #ddd}.empty-icon{font-size:34px;background:var(--lime);display:inline-grid;place-items:center;width:64px;height:64px;border:2px solid;box-shadow:4px 4px;margin-bottom:10px;transform:rotate(-6deg)}.empty h3{font-size:23px}.empty button{margin-top:18px}.bottom-note{display:flex;align-items:center;gap:18px;margin-top:32px;padding:25px 0}.spark{font-size:50px}.bottom-note b{font-size:16px}.bottom-note p{font-size:12px;margin:5px 0}.bottom-note>span:last-child{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:1px}footer{border-top:1px solid #c7c8bc;padding:22px 44px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.catalog-card{padding:27px;border:2px solid;box-shadow:4px 4px;background:#fffef9;display:flex;flex-direction:column;align-items:start}.catalog-card p{overflow-wrap:anywhere}.catalog-card strong{font-size:25px;margin:12px 0}.catalog-card button{margin-top:24px}.card-icon{font-size:35px}.delete{font-size:11px;margin-top:auto!important;align-self:end}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.type-grid h2{font-size:38px}.type-grid li{line-height:2}.terms-form{padding:30px;max-width:850px}.terms-form label{margin-bottom:24px}label{display:grid;gap:8px;font-size:12px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1;width:100%}dialog{border:2px solid;box-shadow:8px 8px var(--ink);padding:26px;width:min(760px,calc(100vw - 40px));max-height:90vh;background:var(--paper)}dialog::backdrop{background:#1d211b80;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:28px;margin:0}.dialog-head button{font-size:24px;padding:3px 10px}.form-error{color:#a72916;grid-column:1/-1;font-weight:700}.spaced{margin:22px 0}.line{display:grid;grid-template-columns:1fr 75px 40px;gap:8px;margin:10px 0}.line button{padding:8px}.hint{font-size:11px}.estimate{padding:18px;background:var(--lime);border:1.5px solid;margin:20px 0}.estimate span{display:flex;justify-content:space-between;padding:6px 0}.estimate small{display:block;margin-top:10px}.invoice-paper{background:white;padding:28px;border:1px solid}.invoice-brand{font-size:45px;font-weight:900;letter-spacing:-3px;display:flex;justify-content:space-between}.invoice-brand span{font-size:18px;letter-spacing:2px;padding-top:15px}.invoice-parties{display:flex;justify-content:space-between;margin:25px 0}.invoice-parties small{font-size:10px;letter-spacing:1px}.invoice-paper p{white-space:pre-wrap;font-size:12px}.invoice-totals{width:65%;margin:25px 0 25px auto}.invoice-totals div{display:flex;justify-content:space-between;padding:8px}.invoice-totals div:last-child{background:var(--lime);border:1px solid;font-size:17px}.dialog-actions{display:flex;justify-content:space-between;margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 25px;box-shadow:4px 4px var(--lime);opacity:0;pointer-events:none;z-index:1000}#toast.visible{opacity:1}@media(min-width:1550px){#page{max-width:1500px;margin:auto}}@media(max-width:1150px){aside{width:205px;padding:30px 14px}main{margin-left:205px}#page{padding:30px}.stat{padding:18px}.stat strong{font-size:25px}.filters{flex-direction:column}.filters input{max-width:none}.card-grid{grid-template-columns:1fr 1fr}h1{font-size:40px}.page-heading .primary{font-size:12px}}@media(max-width:760px){aside{position:static;width:auto;border-right:0;border-bottom:2px solid;padding:20px}.brand{font-size:45px}.caption,.side-bottom{display:none}nav{margin-top:20px;display:flex;overflow:auto;gap:10px;padding-bottom:6px}nav a{white-space:nowrap;padding:8px;font-size:11px}nav a span,nav a b{display:none}main{margin-left:0}header{height:55px;padding:0 22px}#page{padding:25px 20px}.page-heading{align-items:start;flex-direction:column}h1{font-size:39px}.stats{grid-template-columns:1fr;gap:14px}.stat{min-height:100px;display:grid;grid-template-columns:1fr 1fr}.stat strong{margin:0;text-align:right}.stat small{margin-top:20px}.stat span b{display:none}.card-grid,.type-grid{grid-template-columns:1fr}.bottom-note>span:last-child{display:none}footer{padding:20px}footer span{display:none}.panel-top{padding:16px}.panel-top button{font-size:11px}.form-grid{grid-template-columns:1fr}.invoice-paper{padding:14px}.invoice-paper td{padding:12px 5px}.invoice-totals{width:100%}.invoice-brand{font-size:33px}.invoice-brand span{font-size:12px}.invoice-parties{gap:20px}.line{grid-template-columns:1fr 60px 35px}.segmented button{font-size:10px}.dialog-head h2{font-size:21px}}@media print{body>aside,body>main,#toast,.dialog-head,.dialog-actions,.form-error{display:none!important}dialog{position:static;display:block;max-height:none;width:100%;max-width:none;overflow:visible;padding:0;border:0;box-shadow:none}dialog::backdrop{display:none}.invoice-paper{border:0;padding:0}.invoice-paper p{color:#222}tr{break-inside:avoid}@page{size:A4;margin:15mm}}

[hidden]{display:none!important}

.history-card{padding:24px;border-top:1.5px solid}.history-heading{display:flex;justify-content:space-between;gap:20px}.history-heading small{font-size:11px;color:#666}.history-actions{display:flex;gap:10px;margin:18px 0}.revision-list{border-top:1px solid #ccc;padding-top:14px}.revision-list summary{font-weight:700;cursor:pointer}.revision-event{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #ddd}.revision-event small{display:block;margin-top:7px;color:#666}.revision-event button{font-size:11px}.share-menu{position:relative}.share-menu summary{list-style:none;cursor:pointer;padding:12px 16px;background:var(--lime);border:1.5px solid;font-weight:700}.share-menu>div{display:grid;gap:8px;padding:12px;border:1.5px solid;background:var(--paper);min-width:200px;margin-top:8px}.dialog-actions{gap:12px;flex-wrap:wrap;align-items:start}.edit-line{border:1.5px solid;padding:18px;margin:20px 0}.edit-line legend{font-weight:700}.remove-line{margin-top:15px}.history-heading b{overflow-wrap:anywhere}#history-status{max-width:220px}.history-heading>div:first-child{min-width:0}aside{overflow-y:auto}@media(max-width:760px){.revision-event{align-items:start;flex-direction:column}.history-heading{flex-wrap:wrap}.history-card{padding:18px}.history-actions{flex-wrap:wrap}#history-status{max-width:none}}

#print-root{display:none}
@media print{
 @page{size:A4 portrait;margin:12mm}
 html,body{width:auto!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;background:white!important}
 body>*{display:none!important}
 body>#print-root{display:block!important;width:100%!important}
 #print-root .invoice-paper{width:100%;max-width:none;border:0;padding:0;margin:0;overflow:visible;color:#111}
 #print-root .invoice-brand{font-size:30pt;letter-spacing:-2px}
 #print-root .invoice-brand span{font-size:13pt;letter-spacing:1px}
 #print-root .invoice-parties{display:flex;gap:16pt;justify-content:space-between}
 #print-root .invoice-parties>div{min-width:0;flex:1}
 #print-root p{font-size:10pt;line-height:1.4;overflow-wrap:anywhere}
 #print-root table{table-layout:fixed;width:100%}
 #print-root th,#print-root td{padding:8pt 5pt;font-size:9pt;overflow-wrap:anywhere}
 #print-root th:first-child{width:44%}
 #print-root th:nth-child(2){width:10%}
 #print-root th:nth-child(3),#print-root th:nth-child(4){width:23%}
 #print-root thead{display:table-header-group}
 #print-root tr{break-inside:avoid}
 #print-root .invoice-totals{width:65%;margin:18pt 0 18pt auto;break-inside:avoid}
 #print-root h4{break-after:avoid}
}