:root{--paper:#ece9e1;--ink:#14110d;--muted:#5c564c;--faint:#9a9286;--rule:#d8d2c5;--rule-soft:#e0dacd;--rule-mid:#c9c3b6;--highlight:#fff3a8;--highlight-edge:#e8c200}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#d9d5cb;color:var(--ink);font-family:Archivo,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:12px 20px;background:#14110d;color:#ece9e1;border-bottom:3px solid #000}.topbar .brand{font-family:Rubik Dirt,system-ui,sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.02em;line-height:1}.topbar .sub{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.28em;color:#9a9286;text-transform:uppercase}.topbar .spacer{flex:1 1}.btn{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:0;transition:background .12s ease,color .12s ease,transform .05s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn:hover{background:var(--ink);color:var(--paper)}.btn:active{transform:translateY(1px)}.btn--solid{background:var(--ink);color:var(--paper)}.btn--solid:hover{background:#000}.btn--ghost{background:transparent;border-color:rgba(236,233,225,.4);color:#ece9e1}.btn--ghost:hover{background:rgba(236,233,225,.12);color:#fff}.btn--danger:hover{background:#8a2218;border-color:#8a2218;color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.page{width:100%;max-width:1100px;margin:0 auto;padding:40px 24px 96px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:3px solid var(--ink);flex-wrap:wrap}.page-head h1{font-family:Rubik Dirt,system-ui,sans-serif;font-weight:400;font-size:52px;line-height:.9;text-transform:uppercase;margin:0}.page-head .note{letter-spacing:.2em}.month-label,.page-head .note{font-family:Space Mono,monospace;font-size:11px;color:var(--muted);text-transform:uppercase}.month-label{letter-spacing:.28em;margin:36px 0 12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.card{background:var(--paper);border:1px solid var(--ink);padding:20px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink);transition:transform .08s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink)}.card .num{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.2em;color:var(--faint)}.card .client{font-family:Rubik Dirt,system-ui,sans-serif;font-size:26px;text-transform:uppercase;line-height:.95}.card .project{font-size:14px;color:var(--muted)}.card .row{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--rule);padding-top:12px;margin-top:auto}.card .total{font-size:16px}.card .meta,.card .total{font-family:Space Mono,monospace}.card .meta{font-size:10px;color:var(--faint);letter-spacing:.08em}.card-actions{display:flex;gap:8px}.empty{text-align:center;padding:80px 20px;border:2px dashed var(--rule-mid);margin-top:32px}.empty p{color:var(--muted);font-family:Space Mono,monospace;font-size:13px}.editor-wrap{display:flex;flex-direction:column;align-items:center;padding:28px 16px 120px;gap:18px}.editor-hint{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.06em;color:var(--muted);text-align:center;max-width:8.5in}.editor-hint .chip{background:var(--highlight);padding:1px 6px;border:1px solid var(--highlight-edge)}.toolbar{position:-webkit-sticky;position:sticky;top:60px;z-index:40;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;background:rgba(236,233,225,.96);border:1px solid var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;max-width:8.5in}.toolbar .status{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:auto}.toolbar .status.dirty{color:#8a2218}.sheet{width:8.5in;max-width:100%;background:var(--paper);box-shadow:0 12px 40px rgba(0,0,0,.18)}[data-editable]{outline:none;cursor:text;border-radius:2px;transition:background .1s ease,box-shadow .1s ease}[data-editable]:hover{box-shadow:inset 0 0 0 1px rgba(20,17,13,.18)}[data-editable]:focus{box-shadow:inset 0 0 0 1px rgba(20,17,13,.55);background:rgba(255,255,255,.4)}[data-editable].is-placeholder{background:var(--highlight);box-shadow:inset 0 0 0 1px var(--highlight-edge)}.editing-off [data-editable]{cursor:default}.editing-off [data-editable]:hover{box-shadow:none}.row-tool{display:inline-flex;gap:4px;vertical-align:middle;margin-left:6px}.mini-btn{font-family:Space Mono,monospace;font-size:11px;line-height:1;width:20px;height:20px;border:1px solid var(--rule-mid);background:#fff;cursor:pointer;color:var(--muted);padding:0}.mini-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.drawer-backdrop{position:fixed;inset:0;background:rgba(20,17,13,.45);z-index:60;display:flex;justify-content:flex-end}.drawer{width:min(420px,92vw);height:100%;background:var(--paper);border-left:3px solid var(--ink);padding:24px;overflow-y:auto}.drawer h2{font-family:Rubik Dirt,system-ui,sans-serif;font-weight:400;font-size:26px;text-transform:uppercase;margin:0 0 16px}.ver{border:1px solid var(--rule-mid);padding:12px 14px;margin-bottom:10px;font-family:Space Mono,monospace;font-size:12px}.ver .when{font-size:13px}.ver .note{color:var(--muted);margin-top:4px}.ver .ver-actions{display:flex;gap:8px;margin-top:10px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ink)}.login-card{width:100%;max-width:380px;background:var(--paper);border:1px solid var(--ink);padding:40px 32px}.login-card .logo{font-family:Rubik Dirt,system-ui,sans-serif;font-size:56px;text-transform:uppercase;line-height:.85;margin-bottom:6px}.login-card .sub{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.28em;color:var(--muted);text-transform:uppercase;margin-bottom:28px}.field{margin-bottom:16px}.field label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}.field input,.field label{font-family:Space Mono,monospace}.field input{width:100%;padding:11px 12px;border:1px solid var(--ink);background:#fff;font-size:14px;border-radius:0}.field input:focus{outline:2px solid var(--ink);outline-offset:-2px}.login-err{font-family:Space Mono,monospace;font-size:12px;color:#8a2218;margin:8px 0 0}.doc{box-sizing:border-box;width:100%;background:var(--paper);padding:48px clamp(24px,5vw,.75in) 40px;font-family:Archivo,sans-serif;color:var(--ink)}.doc-frame{width:100%;border-collapse:collapse}.doc-frame td{padding:0}.doc h1,.doc h2,.doc h3{text-wrap:balance;margin:0}.doc li,.doc p{text-wrap:pretty}.ftr-space,.hdr-space,.print-footer,.print-header{display:none}.screen-footer{margin-top:40px;border-top:3px solid var(--ink);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap}.screen-footer .mark{font-family:Rubik Dirt,system-ui,sans-serif;font-size:16px;letter-spacing:.02em;color:var(--ink);text-transform:uppercase}@page{size:letter;margin:0}@media print{html{-webkit-print-color-adjust:exact;print-color-adjust:exact}body,html{margin:0;padding:0;background:#fff!important}.card-actions,.drawer-backdrop,.editor-hint,.page-head,.row-tool,.screen-only,.toolbar,.topbar{display:none!important}.editor-wrap{padding:0;gap:0;background:#fff!important}.doc,.sheet{width:auto;box-shadow:none!important;background:#fff!important}.doc{max-width:none;margin:0;padding:.5in .6in .95in;border:none!important}.hdr-space{display:table-cell;height:.1in!important}.ftr-space{display:table-cell;height:.7in!important}.print-footer,.print-header{display:block}.screen-footer{display:none!important}.doc h2,.doc h3{page-break-after:avoid;break-after:avoid}.keep{page-break-inside:avoid;break-inside:avoid}.doc li,.doc p{orphans:3;widows:3}[data-editable]{box-shadow:none!important;background:transparent!important}}.print-footer-bar{position:fixed;bottom:.35in;left:.6in;right:.6in;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border-top:1.5px solid var(--ink);padding-top:6px;font-family:Space Mono,monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.print-footer-bar .mark{font-family:Rubik Dirt,system-ui,sans-serif;font-size:12px;color:var(--ink)}@media screen{.print-footer-bar{display:none}}