@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--wl-terra-50: #fdf2ed;--wl-terra-100: #f7d9c8;--wl-terra-200: #eebda0;--wl-terra-300: #e09a75;--wl-terra-400: #d4805a;--wl-terra-500: #c4714a;--wl-terra-600: #b05d38;--wl-terra-700: #904829;--wl-terra-800: #6b3320;--wl-terra-900: #452112;--wl-warm-50: #ede9e7;--wl-warm-100: #d0c8c3;--wl-warm-200: #b0a49d;--wl-warm-300: #8f7f77;--wl-warm-400: #6e5e56;--wl-warm-500: #4a3e36;--wl-warm-600: #332b25;--wl-warm-700: #26201c;--wl-warm-800: #1a1614;--wl-warm-900: #100d0c;--wl-brand-primary: var(--wl-warm-900);--wl-brand-accent: var(--wl-terra-500);--wl-brand-accent-strong: var(--wl-terra-700);--wl-accent: 196, 113, 74;--space-2xs: clamp(.25rem, .5vw, .5rem);--space-xs: clamp(.5rem, 1vw, 1rem);--space-sm: clamp(.75rem, 1.5vw, 1.25rem);--space-md: clamp(1rem, 2vw, 1.75rem);--space-lg: clamp(1.5rem, 3vw, 2.5rem);--space-xl: clamp(2rem, 4vw, 4rem);--space-2xl: clamp(3rem, 6vw, 6rem);--fs-xs: clamp(.75rem, .6vw + .6rem, 1rem);--fs-sm: clamp(.85rem, .7vw + .7rem, 1.15rem);--fs-base: clamp(.95rem, .8vw + .85rem, 1.35rem);--fs-lg: clamp(1.05rem, 1vw + .9rem, 1.65rem);--fs-xl: clamp(1.2rem, 1.5vw + .95rem, 2.25rem);--fs-h3: clamp(1.35rem, 2vw + .95rem, 3.25rem);--fs-h2: clamp(1.6rem, 3vw + .95rem, 5rem);--fs-h1: clamp(2.2rem, 4.5vw + 1rem, 8rem);--content-max: min(92vw, 1800px);--content-wide: min(94vw, 2200px);--hero-max: min(88vw, 1400px);--legal-max: min(80vw, 980px)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;font-size:var(--fs-base);background:var(--wl-warm-900);color:#f0f1f5;-webkit-font-smoothing:antialiased}a{color:var(--wl-terra-400);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:var(--wl-terra-500);color:var(--wl-warm-900);border:0;padding:.5rem .85rem;border-radius:6px;font-weight:600;line-height:1.2}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--wl-terra-400);border:1px solid rgba(var(--wl-accent),.4)}input,textarea,select{font:inherit;background:var(--wl-warm-700);color:#f0f1f5;border:1px solid var(--wl-warm-500);padding:var(--space-xs) var(--space-sm);border-radius:6px;width:100%}input:focus{outline:1px solid var(--wl-terra-500);border-color:var(--wl-terra-500)}textarea:focus,select:focus{outline:1px solid var(--wl-terra-500);border-color:var(--wl-terra-500)}button:focus-visible{outline:2px solid var(--wl-terra-400);outline-offset:2px}a:focus-visible{outline:2px solid var(--wl-terra-400);outline-offset:2px;border-radius:2px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-md);background:radial-gradient(ellipse at top,var(--wl-warm-700),var(--wl-warm-900))}.login-card{width:min(380px,92vw);background:var(--wl-warm-800);border:1px solid var(--wl-warm-500);padding:var(--space-lg);border-radius:12px;box-shadow:0 8px 32px #0006}.login-card h1{margin:0 0 .25rem;font-size:var(--fs-lg)}.login-card p.sub{margin:0 0 var(--space-md);color:#b8bcc8;font-size:var(--fs-sm)}.login-card label{display:block;margin:var(--space-sm) 0 var(--space-2xs);font-size:var(--fs-sm);color:#b8bcc8}.login-card .err{color:#ff7b7b;margin-top:var(--space-sm);font-size:var(--fs-sm)}.login-card button{width:100%;margin-top:var(--space-md)}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);background:var(--wl-warm-800);border-bottom:1px solid var(--wl-warm-700);padding:var(--space-xs) var(--space-md)}.topbar .brand{font-weight:700;letter-spacing:.02em;white-space:nowrap}.topbar .spacer{flex:1;min-width:0}.topbar .me{color:#b8bcc8;font-size:var(--fs-sm)}.tab-strip{display:flex;position:relative;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--space-md)}.tab-strip::-webkit-scrollbar{display:none}.tab-strip-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main{padding:var(--space-md)}.card{background:var(--wl-warm-800);border:1px solid var(--wl-warm-700);border-radius:10px;padding:var(--space-md);margin-bottom:var(--space-sm)}.card h2{margin:0 0 var(--space-sm);font-size:var(--fs-base)}.kv{display:grid;grid-template-columns:160px 1fr;gap:var(--space-2xs) var(--space-sm);font-size:var(--fs-sm)}.kv .k,.muted{color:#8a8fa0}.pill{display:inline-block;background:var(--wl-warm-700);color:var(--wl-terra-400);padding:2px 10px;border-radius:999px;font-size:var(--fs-xs)}:root{--border: var(--wl-warm-700)}.tab{background:transparent;color:#b8bcc8;border:0;border-bottom:2px solid transparent;border-radius:0;padding:var(--space-xs) var(--space-sm);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;flex-shrink:0}.tab:hover{color:#f0f1f5;background:rgba(var(--wl-accent),.05)}.tab.active{color:var(--wl-terra-400);border-bottom-color:var(--wl-terra-500)}.tab-measure-row{position:fixed;visibility:hidden;pointer-events:none;display:flex;flex-wrap:nowrap;gap:0;top:-10000px;left:-10000px;white-space:nowrap}.tab-more-wrap{position:relative;flex-shrink:0}.tab.tab-more{display:inline-flex;align-items:center;gap:.35rem}.tab-more-caret{display:inline-block;width:1em;height:1em;vertical-align:middle;flex-shrink:0;opacity:.75;transition:transform .15s ease,opacity .15s ease;transform-origin:50% 55%}.tab.tab-more:hover .tab-more-caret{opacity:1}.tab.tab-more.is-open .tab-more-caret{transform:rotate(180deg);opacity:1}.tab-menu{position:absolute;top:calc(100% + 2px);right:0;z-index:50;min-width:200px;max-width:min(280px,90vw);background:var(--wl-warm-800);border:1px solid var(--wl-warm-600);border-radius:8px;padding:.25rem 0;box-shadow:0 8px 28px #00000073,0 1px 3px #0006}.tab-menu-item{display:block;width:100%;text-align:left;background:transparent;color:#b8bcc8;border:0;border-radius:0;padding:var(--space-xs) var(--space-md);font-size:var(--fs-sm);font-weight:500;cursor:pointer}.tab-menu-item:hover{background:rgba(var(--wl-accent),.1);color:#f0f1f5;filter:none}.tab-menu-item.active{color:var(--wl-terra-400);background:rgba(var(--wl-accent),.06)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-xs) var(--space-sm);text-align:left;border-bottom:1px solid var(--wl-warm-700);font-size:var(--fs-sm);white-space:nowrap}th{color:#b8bcc8;font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:rgba(var(--wl-accent),.04)}.right{text-align:right}.tag{display:inline-block;padding:1px 8px;border-radius:4px;font-size:var(--fs-xs)}.tag.draft{background:var(--wl-warm-700);color:#b8bcc8}.tag.sent{background:rgba(var(--wl-accent),.2);color:var(--wl-terra-400)}.tag.paid{background:#00c86433;color:#4fd693}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite;transform-origin:50% 50%}@media (max-width: 768px){.topbar{gap:var(--space-xs) var(--space-sm);padding:var(--space-xs) var(--space-sm)}.topbar .pill{order:3}.topbar .me{order:4}.main,.card{padding:var(--space-sm)}.kv{grid-template-columns:1fr;gap:var(--space-2xs)}.tab{padding:var(--space-xs) var(--space-xs);font-size:var(--fs-xs)}}@media (max-width: 480px){.topbar .spacer{flex-basis:100%;height:0}.topbar{padding:var(--space-xs);gap:var(--space-xs) var(--space-sm)}.topbar .brand{font-size:var(--fs-sm)}.topbar .secondary,.topbar button:last-child{order:5}.main{padding:var(--space-xs)}.card{padding:var(--space-xs);border-radius:8px}.card h2{font-size:var(--fs-sm)}.tab{padding:var(--space-2xs) var(--space-xs)}.login-card{padding:var(--space-md)}}@media (min-width: 1024px){.main{padding:var(--space-lg);width:100%;max-width:var(--content-wide);margin-inline:auto}.tab{padding:var(--space-xs) var(--space-md)}}@media (max-width: 1023px){.main{width:100%}}