:root{--paper: #f7f1e4;--surface: #fffdf7;--ink: #172a3a;--deep: #0d1c27;--muted: #52616a;--blue: #185e83;--red: #aa3f32;--ochre: #8c5c13;--mint: #176c55;--line: #cfc6b4;--focus: #e3812d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 0%,#fffdf7 0 2px,transparent 2.5px) 0 0/9px 9px,var(--paper);font-size:16px;line-height:1.5}.skip{position:fixed;left:12px;top:-60px;background:var(--deep);color:#fff;padding:10px;z-index:10}.skip:focus{top:12px}.shell{max-width:1220px;margin:auto;padding:24px 32px 64px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:-.02em}.mark{width:36px;height:36px;border:2px solid var(--ink);display:grid;place-items:center;font-size:21px;line-height:1;background:var(--surface)}.topnav{display:flex;gap:10px;align-items:center}.topnav a,.link-btn{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}.button,.link-btn,button{font:inherit}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:2px solid var(--ink);background:var(--ink);color:#fffdf7;font-weight:800;cursor:pointer;text-decoration:none}.button:hover{background:var(--blue);border-color:var(--blue)}.button.secondary{background:transparent;color:var(--ink)}.button.danger{background:var(--red);border-color:var(--red)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.offline{margin:16px 0;padding:10px 14px;background:#f5dfb3;border-left:5px solid var(--ochre);font-weight:700}.hero{padding:44px 0 30px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:end}.eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:900;color:var(--red);margin:0 0 8px}.hero h1{font:700 clamp(2.35rem,7vw,5.25rem)/.94 Georgia,serif;letter-spacing:-.055em;margin:0;max-width:790px}.hero p:last-child{max-width:570px;font-size:1.1rem;margin:18px 0 0}.rung-art{border:2px solid var(--ink);min-height:176px;position:relative;overflow:hidden;background:repeating-radial-gradient(circle at 30% 20%,var(--ink) 0 1px,transparent 1.5px 7px),var(--surface)}.rung-art span{position:absolute;left:39%;top:18%;width:38%;height:67%;border-left:8px solid var(--blue);border-right:8px solid var(--blue);transform:skew(-11deg)}.rung-art i{display:block;border-top:8px solid var(--blue);height:22%;margin:0 5px}.rung-art b{position:absolute;right:16px;top:17px;background:var(--red);width:26px;height:26px;border-radius:50%}.toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:18px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{min-height:40px;padding:7px 10px;background:transparent;border:1px solid var(--line);cursor:pointer}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.summary{font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);gap:32px}.queue{border-top:2px solid var(--ink)}.invoice{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);cursor:pointer}.invoice:hover{background:#185e830f}.stamp{width:40px;height:40px;border:2px solid currentColor;display:grid;place-items:center;font-weight:900;font-size:.82rem}.invoice .client{font-weight:900;font-size:1.05rem}.meta{font-size:.89rem;color:var(--muted)}.amount{text-align:right;font-weight:900;font-variant-numeric:tabular-nums}.amount small{display:block;color:var(--red);font-weight:800}.status{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.82rem}.status:before{content:"";height:9px;width:9px;border-radius:50%;background:currentColor}.open{color:var(--red)}.promise{color:var(--ochre)}.dispute{color:#6b4c93}.paid{color:var(--mint)}.desk{background:var(--deep);color:#f7f1e4;padding:24px;align-self:start;position:sticky;top:16px}.desk h2{font:700 1.6rem/1 Georgia,serif;margin:0 0 8px}.desk .eyebrow{color:#f3a08e}.desk .muted{color:#cbd5d2}.desk .button{width:100%;margin-top:14px;background:#f7f1e4;color:var(--deep);border-color:#f7f1e4}.desk .button:hover{background:#cae3ef}.empty{grid-column:1/-1;display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;padding:30px 0;border-top:2px solid var(--ink)}.empty img{width:100%;border:2px solid var(--ink);background:var(--surface)}.empty h2{font:700 2rem/1.1 Georgia,serif;margin:0}.empty p{max-width:520px}.notice{padding:12px 14px;border-left:5px solid var(--blue);background:#e3f0f4;margin:14px 0}.dialog{border:0;padding:0;background:transparent;width:min(720px,calc(100vw - 30px));max-height:90vh}.dialog::backdrop{background:#0d1c27b8}.sheet{background:var(--surface);padding:26px;max-height:90vh;overflow:auto}.sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:start;border-bottom:2px solid var(--ink);padding-bottom:15px}.sheet h2{font:700 2rem/1 Georgia,serif;margin:0}.close{background:none;border:0;font-size:1.7rem;min-height:44px;min-width:44px;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:5px;margin-top:14px;font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:44px;padding:9px;border:1px solid var(--ink);background:#fffdf7;color:var(--ink);font:inherit}.field textarea{min-height:130px;resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9rem}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.history{padding-left:0;list-style:none}.history li{border-top:1px solid var(--line);padding:10px 0}.history time{color:var(--muted);font-size:.85rem}.instructions{font-size:.9rem;color:var(--muted)}.footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.footer a{color:inherit}.toast{position:fixed;right:18px;bottom:18px;background:var(--deep);color:#fffdf7;padding:14px;box-shadow:8px 8px 0 var(--red);z-index:3;max-width:330px}.legal{max-width:720px;margin:50px auto}.legal h1{font:700 3rem/1 Georgia,serif}@media(prefers-color-scheme:dark){:root{--paper: #101c25;--surface: #172a3a;--ink: #f5eee0;--deep: #081017;--muted: #bdc9c5;--line: #52616a;--blue: #7ac4e2}.invoice:hover{background:#7ac4e21a}.offline{color:#172a3a}.field input,.field textarea,.field select{background:#101c25;color:var(--ink)}.notice{color:#172a3a}.rung-art{background:repeating-radial-gradient(circle at 30% 20%,#f7f1e4 0 1px,transparent 1.5px 7px),var(--surface)}}@media(max-width:700px){.shell{padding:16px 16px 42px}.top{align-items:start}.topnav a{font-size:.9rem}.hero{grid-template-columns:1fr;padding:32px 0 20px}.rung-art{display:none}.layout{grid-template-columns:1fr;gap:20px}.desk{position:static;order:-1}.empty{grid-template-columns:1fr}.empty img{max-width:170px}.invoice{grid-template-columns:42px minmax(0,1fr)}.amount{grid-column:2;text-align:left}.grid{grid-template-columns:1fr}.toolbar{align-items:start}.summary{width:100%}}@media(prefers-reduced-motion:no-preference){.invoice,.button{transition:background-color .18s ease,color .18s ease,transform .18s ease}.invoice:hover{transform:translate(3px)}.toast{animation:rise .22s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}