@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/Inter-ExtraLight-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium-subset.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold-subset.woff2) format("woff2")}:root{--color-primary:#22272b;--color-secondary:#b77a50;--color-tertiary:#f7f5f2;--color-copper-dark:#965b38;--color-white:#ffffff;--color-text-secondary:#646c73;--color-border:#e5e7e9;--color-error:#b84c4c;--color-success:#3c8064;--color-copper-light:#d9ac8b;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--app-font-size:12px;--radius:6px;--rail-width:14rem}*,:after,:before{box-sizing:border-box}html{font-size:var(--app-font-size)}body,html{font-weight:200}body{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--color-primary);background:var(--color-tertiary);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.auth-surface{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--color-tertiary)}.auth-card{width:100%;max-width:22rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;padding:1.5rem}.auth-logo{display:block;width:12rem;height:auto;margin:0 auto 1.5rem}.auth-title{margin:0 0 .25rem;font-weight:500;font-size:1rem;text-align:center}.auth-subtitle{margin:0 0 1.25rem;color:var(--color-text-secondary);font-weight:200;font-size:.875rem;text-align:center}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.field label{font-weight:500;font-size:.75rem}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:6px;padding:.55rem .65rem;background:var(--color-white);color:var(--color-primary)}.field textarea{min-height:6rem;resize:vertical;font:inherit}.check-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.public-page{width:100%;max-width:40rem}.public-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.public-header img{display:block;width:12rem;height:auto}.public-header p{margin:0}.text-link{color:var(--color-copper-dark);font-weight:500}.success-text{color:var(--color-success);font-weight:200;font-size:.875rem;margin:0 0 .75rem}.btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:.35rem;width:auto;max-width:100%;border-radius:var(--radius);padding:.4rem .75rem;font:inherit;font-weight:500;line-height:1;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-copper-dark);color:var(--color-white)}.btn-primary,.btn-secondary{border:1px solid var(--color-copper-dark)}.btn-secondary{color:var(--color-copper-dark)}.btn-danger,.btn-secondary{background:var(--color-white)}.btn-danger{border:1px solid var(--color-error);color:var(--color-error)}.auth-card .btn{width:100%}.error-text{color:var(--color-error);font-weight:200;font-size:.875rem;margin:0 0 .75rem}.shell{min-height:100vh;display:flex;background:var(--color-tertiary)}.rail{width:var(--rail-width);flex:0 0 var(--rail-width);flex-shrink:0;background:var(--color-primary);color:var(--color-tertiary);display:none;flex-direction:column;padding:1rem .5rem}.rail-logo{display:block;width:100%;height:auto;margin:0 0 1rem;flex-shrink:0}.nav-scroll{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto}.rail nav{display:flex;flex-direction:column;gap:.125rem}.nav-link{position:relative;display:block;border-radius:var(--radius);padding:.5rem .75rem;font-weight:500;line-height:1;color:color-mix(in srgb,var(--color-tertiary) 70%,transparent);text-decoration:none}.nav-link:hover{text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{background:color-mix(in srgb,var(--color-tertiary) 10%,transparent);color:var(--color-tertiary)}.nav-link[aria-current=page]:before{content:"";position:absolute;top:.375rem;bottom:.375rem;left:0;width:3px;border-radius:2px;background:var(--color-secondary)}.rail-account{flex-shrink:0;margin-top:auto;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--color-tertiary) 15%,transparent);font-size:.875rem}.account-row{display:flex;align-items:center;gap:.5rem}.account-text{min-width:0;flex:1 1}.rail-account .name{font-weight:500;line-height:1;color:color-mix(in srgb,var(--color-tertiary) 90%,transparent)}.rail-account .meta,.rail-account .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-account .meta{font-weight:200;margin:.25rem 0 0}.logout,.rail-account .meta{color:color-mix(in srgb,var(--color-tertiary) 70%,transparent)}.logout{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.375rem;border:0;border-radius:var(--radius);background:transparent;line-height:1;cursor:pointer}.logout:hover{background:color-mix(in srgb,var(--color-tertiary) 10%,transparent);color:var(--color-tertiary)}.shell-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--color-primary);color:var(--color-white)}.topbar-title{flex:1 1;font-weight:500;font-size:16px}.topbar-icon{width:1.75rem;height:1.75rem}.menu-btn{background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:.35rem .55rem;font-weight:500;font-size:14px}.menu-btn,.mobile-menu{color:var(--color-white)}.mobile-menu{background:var(--color-primary);padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem}.mobile-menu a,.mobile-menu button{text-align:left;background:transparent;border:none;color:var(--color-white);padding:.45rem 0;font-weight:500;font-size:16px;cursor:pointer}.crumbs{flex-shrink:0;overflow-x:auto;border-bottom:1px solid var(--color-border);background:var(--color-white);padding:.5rem 1.5rem}.crumbs ol{width:max-content;margin:0;padding:0;list-style:none;font-size:.875rem;white-space:nowrap}.crumbs li,.crumbs ol{display:flex;align-items:center;gap:.25rem}.crumbs a{color:var(--color-text-secondary);text-decoration:none}.crumbs a:hover{color:var(--color-copper-dark);text-decoration:none}.crumbs [aria-current=page]{color:var(--color-primary);font-weight:500}.sep{color:var(--color-text-secondary)}.content{flex:1 1 auto;min-height:0;overflow:auto;padding:1.5rem}.content:has(.list-page){display:flex;flex-direction:column;padding:0;overflow:hidden}.panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;padding:1rem}.panel h1,.panel h2{margin:0 0 .75rem;font-weight:500;font-size:1rem}.panel h2{margin-top:.5rem}.meta,.meta-line{margin:.25rem 0;font-weight:200;color:var(--color-text-secondary)}.notice-text{margin:0 0 .75rem;color:var(--color-copper-dark);font-weight:500}.table-wrap{overflow-x:auto;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius)}.table{width:100%;margin:0;border-collapse:collapse}.table,.table td,.table th{font-weight:200;text-align:left}.table td,.table th{vertical-align:top;border-bottom:0}.table td{padding:.375rem .75rem}.table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--color-tertiary);color:var(--color-primary);box-shadow:inset 0 -1px 0 var(--color-border)}.table th{padding:.5rem .75rem;white-space:nowrap;font-weight:500}.table tbody tr{border-top:1px solid var(--color-border)}.table tbody tr:nth-child(2n){background:var(--color-tertiary)}.table tbody tr:hover{background:color-mix(in srgb,var(--color-copper-light) 30%,var(--color-white))}.table td a,.table th a{color:inherit}.sort-header:hover,.table td a:hover,.table th a:hover{color:var(--color-copper-dark)}.table td.amount-primary,.table td.num,.table th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sort-header{display:inline-flex;align-items:center;gap:.25rem;margin:0;border:0;padding:0;background:none;color:inherit;font:inherit;font-weight:500;cursor:pointer}.table-empty{padding:1rem .75rem;color:var(--color-text-secondary);text-align:center}.stack{flex-direction:column;gap:.75rem}.row,.stack{display:flex}.row{flex-wrap:wrap;gap:.5rem;align-items:center}.invoice-status{color:var(--color-primary);font-weight:500}.invoice-status-paid{color:var(--color-success)}.amount-primary{color:var(--color-primary);font-weight:200}.list-page{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.list-header{flex-shrink:0;border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem}.list-body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem 1.5rem}.catalog-tabs,.tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--color-border)}.catalog-tab,.tab{border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.5rem .75rem;background:transparent;font:inherit;font-weight:500;color:var(--color-text-secondary);cursor:pointer}.catalog-tab:hover,.tab:hover{color:var(--color-primary)}.catalog-tab.active,.catalog-tab[aria-selected=true],.tab.active,.tab[aria-selected=true]{border-bottom-color:var(--color-secondary);color:var(--color-primary)}.list-header .catalog-tabs{margin:0 0 1rem}.list-header .catalog-filter{margin-top:1rem}.catalog-filter{display:flex;flex-direction:column;gap:.5rem}.catalog-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.catalog-filter-form{display:flex;min-width:0;flex:1 1;flex-wrap:wrap;gap:.5rem;align-items:center}.catalog-filter-form input[name=q]{min-width:0;flex:1 1;border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem .75rem;background:var(--color-white);color:var(--color-primary);outline:none}.catalog-filter-form input[name=q]:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-copper-dark) 30%,transparent)}.catalog-filter-form .btn{padding:.5rem .75rem}.catalog-reset{color:var(--color-copper-dark);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--color-copper-dark) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--color-copper-dark) 40%,transparent);font-weight:500}.catalog-filter-help{margin:0;color:var(--color-text-secondary);font-size:.75rem;line-height:1.45}.catalog-filter-help code{font-family:inherit;font-weight:500}.catalog-table-wrap{overflow-x:auto}.box,.catalog-table-wrap{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius)}.box{padding:.75rem 1rem}.box h2{margin:0 0 .75rem;font-size:1rem;font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:.75rem;gap:.75rem}.kpi{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem}.kpi-label{margin:0;color:var(--color-text-secondary);font-weight:500}.kpi-value{margin:.35rem 0 0;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.35rem}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem}.field-grid .field{margin-bottom:0}.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:0 2rem;gap:0 2rem}.dl-item{min-width:0;padding:.4rem 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.dl-item dt{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.dl-item dd{margin:.15rem 0 0}.detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.detail-header h1{margin:0;font-size:1.15rem;font-weight:500;letter-spacing:-.02em}.list-body .box,.list-body .catalog-pager{margin-top:.75rem}.catalog-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.catalog-pager p{margin:0;color:var(--color-text-secondary)}.catalog-pager-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.catalog-page-size label{display:flex;align-items:center;gap:.35rem}.catalog-row-action{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.muted{color:var(--color-text-secondary)}.list-layout{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.list-main{min-width:0}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.list-header .list-toolbar{margin-bottom:0}.list-toolbar h1{margin:0;font-weight:600;font-size:1.25rem;letter-spacing:-.025em}.list-toolbar-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-left:auto}.add-toggle svg{width:1em;height:1em;flex-shrink:0}.add-form-block{display:flex;flex-direction:column}.add-form-block .list-toolbar{margin-bottom:0}.add-form-slot{display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;transition:grid-template-rows .22s ease,opacity .22s ease}.add-form-slot.open{grid-template-rows:1fr;opacity:1;pointer-events:auto}.add-form-slot-inner{overflow:hidden;min-height:0}.add-form-slot.open .add-form-slot-inner{padding-top:.75rem}@media (prefers-reduced-motion:reduce){.add-form-slot{transition:none}}.list-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;margin-top:1rem}.list-filters h2{width:100%;margin:0;font-size:.875rem;font-weight:500}.list-filters input,.list-filters select{border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem .75rem;background:var(--color-white);color:var(--color-primary);outline:none}.list-filters input:focus,.list-filters select:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-copper-dark) 30%,transparent)}.filter-field{display:flex;flex-direction:column;gap:.35rem}.filter-field>label,.filter-field>span{font-weight:500;font-size:.75rem}.filter-dates{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.filter-dates label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:500}.period-month-filter{min-width:12rem}.period-month-steppers{display:flex;flex-direction:column;gap:.35rem}.period-month-stepper{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;grid-gap:.25rem;gap:.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-white);padding:.15rem}.period-month-arrow{border:0;background:transparent;color:var(--color-primary);font-size:1.1rem;line-height:1;padding:.35rem 0;cursor:pointer;border-radius:calc(var(--radius) - 2px)}.period-month-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--color-copper-dark) 12%,transparent)}.period-month-arrow:disabled{opacity:.5;cursor:default}.period-month-value{text-align:center;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:.25rem .35rem}.period-month-toggle{align-self:flex-start;margin-top:.15rem;font-size:.75rem;padding:.35rem .65rem}.customer-filter{display:flex;flex-direction:column;gap:.35rem;min-width:16rem}.customer-filter-shell{position:relative}.customer-filter-control{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2.25rem;border:1px solid var(--color-border);border-radius:var(--radius);padding:.35rem .5rem;background:var(--color-white)}.customer-filter-control:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-copper-dark) 30%,transparent)}.customer-chip{display:inline-flex;align-items:center;border:1px solid var(--color-primary);border-radius:999px;background:var(--color-primary);color:var(--color-white);padding:.15rem .65rem;font-size:.75rem;font-weight:500;line-height:1.3;cursor:pointer}.customer-chip:hover{background:color-mix(in srgb,var(--color-primary) 88%,var(--color-white))}.customer-chip-bar{flex:1 1 100%}.customer-chip-bar-list{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.customer-chip-bar-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-white);color:var(--color-primary);padding:.15rem .65rem;font-size:.75rem;font-weight:500;line-height:1.3;cursor:pointer}.invoice-status-icon{display:inline-block;flex-shrink:0;width:.875rem;height:.875rem;background:currentColor}.customer-chip-bar-chip:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.customer-chip-bar-chip.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.customer-chip-bar-chip-paid{color:var(--color-success)}.customer-chip-bar-empty{margin:0;color:var(--color-text-secondary);font-size:.85rem}.list-filters .customer-filter-input{flex:1 1 8rem;min-width:8rem;border:0;border-radius:0;padding:.25rem;background:transparent;box-shadow:none}.list-filters .customer-filter-input:focus{box-shadow:none}.customer-filter-list{position:absolute;z-index:5;top:calc(100% + .25rem);left:0;right:0;margin:0;max-height:12rem;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-white);list-style:none;padding:.25rem 0}.customer-filter-option{padding:.4rem .75rem;font-weight:200;cursor:pointer}.customer-filter-option.active,.customer-filter-option[aria-selected=true]{background:color-mix(in srgb,var(--color-secondary) 12%,var(--color-white))}.customer-filter-empty{padding:.4rem .75rem;color:var(--color-text-secondary);font-weight:200}.preview-block{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-white);padding:1rem}.preview-block+.preview-block{margin-top:.75rem}.preview-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.preview-totals{margin-top:.75rem;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}@media (min-width:768px){html{font-size:var(--app-font-size)}body,html{height:100%}body{font-weight:200}.shell,body{overflow:hidden}.shell{height:100vh;max-height:100vh}.rail{display:flex;height:100%;align-self:stretch}.topbar{display:none}.mobile-menu{display:none!important}.panel h1,.panel h2{font-size:1rem;font-weight:500}.btn,.field input,.field label,.field select,.table{font-size:1rem}.table,.values{font-weight:200}.table th{font-weight:500}}@media (max-width:767px){html{font-size:16px}body{font-weight:400}.crumbs{padding:.5rem 1rem}.content{padding:1rem;overflow:visible}.content:has(.list-page){padding:0;overflow:visible}.list-body,.list-header{padding:1rem}.list-body{overflow:visible}}