@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-9{z-index:9}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#f8fafc;--bg-subtle:#f1f5f9;--surface:#fff;--ink:#1e293b;--ink-muted:#475569;--ink-faint:#94a3b8;--accent:#00a3e0;--accent-light:#e0f4fc;--accent-cyan:#00dbf2;--accent-cyan-light:#e0fbff;--amber:#d97706;--amber-light:#fef3c7;--red:#b91c1c;--red-light:#fee2e2;--green:#15803d;--green-light:#dcfce7;--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--border:1px solid #e2e8f0;--border-strong:1px solid #cbd5e1;--border-accent:2px solid var(--accent);--shadow-sm:2px 2px 0px #1e293b0f;--shadow-md:4px 4px 0px #1e293b14;--shadow-lifted:6px 6px 0px #00a3e024}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-feature-settings:"kern" 1, "liga" 1, "calt" 1}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.font-mono,[data-mono]{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.text-display{font-family:var(--font-display)}.container-app{max-width:1200px;padding-inline:var(--space-5);margin-inline:auto}.layout-app{grid-template-rows:auto 1fr;grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);color:var(--bg);border-right:var(--border-strong);flex-direction:column;grid-area:1/1/-1;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.main-content{grid-column:2;min-height:100vh}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:#94a3b8;letter-spacing:.01em;border-left:3px solid #0000;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex}.nav-item:hover{color:var(--bg);background:#ffffff0a}.nav-item.active{color:var(--bg);border-left-color:var(--accent);background:#00a3e026}.topbar{background:var(--surface);border-bottom:var(--border);padding:var(--space-3) var(--space-6);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.card{background:var(--surface);border:var(--border);padding:var(--space-5);border-radius:2px}.card-stat{background:var(--surface);border:var(--border);padding:var(--space-5) var(--space-5);border-top:3px solid var(--ink-faint);border-radius:2px;transition:border-top-color .2s,transform .15s,box-shadow .15s}.card-stat:hover{border-top-color:var(--accent);box-shadow:var(--shadow-lifted);transform:translateY(-1px)}.card-stat.paid{border-top-color:var(--green)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;font-family:var(--font-body);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;border-radius:2px;padding-inline:16px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{box-shadow:var(--shadow-md);background:#0082b4;border-color:#0082b4}.btn-secondary{color:var(--ink);border-color:var(--border-strong);background:0 0}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--ink-muted)}.btn-ghost{color:var(--ink-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-subtle);color:var(--ink)}.btn-danger{background:var(--red-light);color:var(--red);border-color:var(--red-light)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{height:32px;padding-inline:12px;font-size:.8125rem}.btn-md{height:40px;padding-inline:16px;font-size:.875rem}.btn-lg{height:48px;padding-inline:24px;font-size:1rem}.btn-xl{height:56px;padding-inline:32px;font-size:1.125rem}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-draft{background:var(--bg-subtle);color:var(--ink-muted);border:1px solid var(--border)}.badge-sent{background:var(--accent-light);color:var(--accent);border:1px solid #bae6fd}.badge-paid{background:var(--green-light);color:var(--green);border:1px solid #bbf7d0}.table-wrapper{border:var(--border);background:var(--surface);border-radius:2px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead{border-bottom:var(--border-strong);background:var(--bg)}thead th{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);padding:10px 14px;font-size:.6875rem;font-weight:600}tbody tr{border-bottom:var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg)}tbody td{vertical-align:middle;color:var(--ink);padding:12px 14px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:.6875rem;font-weight:600}.form-input{background:var(--surface);border:var(--border-strong);font-family:var(--font-body);color:var(--ink);border-radius:2px;outline:none;width:100%;padding:9px 12px;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--ink-faint)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}textarea.form-input{resize:vertical;min-height:80px}.section-rule{border:none;border-top:var(--border);margin-block:var(--space-5)}.section-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding-bottom:var(--space-2);border-bottom:var(--border);margin-bottom:var(--space-4);font-size:.6875rem;font-weight:600}.page-header{padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:var(--border);justify-content:space-between;align-items:flex-start;gap:var(--space-4);background:var(--surface);display:flex}.page-title{font-family:var(--font-display);color:var(--ink);font-size:1.75rem}.page-subtitle{color:var(--ink-muted);margin-top:2px;font-size:.875rem}.page-body{padding:var(--space-6)}.tabs{border-bottom:var(--border-strong);gap:0;display:flex}.tab{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:.75rem;font-weight:600;transition:color .15s}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-backdrop{z-index:100;padding:var(--space-5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e293b80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:var(--border-strong);border-radius:2px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:8px 8px #1e293b1f}.modal-header{padding:var(--space-5);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:var(--border);justify-content:flex-end;gap:var(--space-3);display:flex}.toast{bottom:var(--space-5);right:var(--space-5);z-index:200;background:var(--ink);color:var(--bg);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lifted);border-radius:2px;padding:12px 18px;font-size:.875rem;animation:.2s toast-in;display:flex;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--ink-faint)}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--ink-faint)}.amount{font-family:var(--font-mono);letter-spacing:-.01em;font-size:.9rem;font-weight:500}.amount-large{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--ink);font-size:1.5rem;font-weight:600}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.25s both fade-up}.line-item-row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border);grid-template-columns:1fr 80px 120px 120px 40px;align-items:start;display:grid}.line-item-row:last-child{border-bottom:none}.totals-block{border-top:var(--border-strong);padding-top:var(--space-4);margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;min-width:280px;display:flex}.totals-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.totals-row.total-final{border-top:var(--border-strong);padding-top:var(--space-3);margin-top:var(--space-2);font-size:1rem;font-weight:600}.landing-hero{flex-direction:column;min-height:100vh;display:flex}.landing-nav{padding:var(--space-4) var(--space-6);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.hero-body{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-6);flex:1;grid-template-columns:1fr 1fr;width:100%;max-width:1100px;margin:0 auto;display:grid}.hero-tagline{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-4);font-size:.75rem;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--space-4);font-size:3.5rem;line-height:1.05}.hero-title em{color:var(--accent);font-style:italic}.hero-desc{color:var(--ink-muted);max-width:420px;margin-bottom:var(--space-6);font-size:1rem;line-height:1.7}.invoice-preview{background:var(--surface);border:var(--border-strong);padding:var(--space-6);border-radius:2px;position:relative;box-shadow:12px 12px #00a3e01f}.invoice-preview:before{content:"";border:1px solid var(--accent-light);z-index:-1;border-radius:2px;position:absolute;inset:-4px 4px 4px -4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.text-muted{color:var(--ink-muted)}.text-faint{color:var(--ink-faint)}.text-accent{color:var(--accent)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mt-auto{margin-top:auto}.w-full{width:100%}.min-w-0{min-width:0}.text-right{text-align:right}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:900px){.layout-app{grid-template-columns:1fr}.sidebar{display:none}.hero-body{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}