:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--workspace:#f5f6f8;--surface:#fff;--text:#17242e;--secondary:#52616b;--divider:#e2e7ec;--boundary:#7b8790;--accent:#0f6b7f;--accent-hover:#0b5364;--selected:#e7f2f5;--success:#18794e;--success-surface:#eaf6ef;--warning:#805500;--warning-surface:#fff3d6;--error:#b42318;--error-surface:#fdece9;--information:#245e9b;--information-surface:#eaf1fb;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-card:.75rem;--radius-control:.5rem;--shadow-card:0 1px 3px #17242e0d;--shadow-overlay:0 8px 24px #17242e26;--font-body:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-small:.875rem;--font-section:1.25rem;--font-heading:2rem;--sidebar-width:15rem}*{box-sizing:border-box}body{background:var(--workspace);color:var(--text);font:1rem/1.5 var(--font-body);margin:0}h1,h2,h3{overflow-wrap:anywhere;font-weight:600;line-height:1.25}h1{font-size:var(--font-heading);margin:0 0 var(--space-6)}h2{font-size:var(--font-section);margin:0 0 var(--space-4)}h3{font-size:1.125rem}p{margin:0 0 var(--space-4);overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:.2em}button,input,select,textarea{font:inherit;border-radius:var(--radius-control)}button,input,select{min-height:2.75rem}button{color:var(--accent);background:var(--surface);border:1px solid var(--accent);padding:var(--space-2) var(--space-4);cursor:pointer}button:hover:not(:disabled){background:var(--selected)}button:active:not(:disabled){background:var(--divider)}button.primary{background:var(--accent);color:var(--surface)}button.primary:hover:not(:disabled),button.primary:active:not(:disabled){background:var(--accent-hover)}button:disabled{cursor:default;color:var(--secondary);background:var(--divider);border-color:var(--boundary)}input,select,textarea{width:100%;min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--boundary);padding:var(--space-2) var(--space-3)}input:disabled,select:disabled{background:var(--workspace);color:var(--secondary)}input[aria-invalid=true],select[aria-invalid=true]{border:2px solid var(--error)}input[type=checkbox]{width:1.25rem;min-height:1.25rem;accent-color:var(--accent)}label{margin-bottom:var(--space-2);font-weight:600;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-root{max-width:90rem;padding:var(--space-8);margin:0 auto}.card{padding:var(--space-6);background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.auth-card{max-width:32rem;margin:var(--space-8) auto}.auth-card form{gap:var(--space-3);display:grid}.auth-card label{margin:0}.auth-card .action-row,.auth-card .notice{margin-top:var(--space-4)}.supporting{font-size:var(--font-small);color:var(--secondary)}.action-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.notice{padding:var(--space-4);border-radius:var(--radius-control);overflow-wrap:anywhere}.error{background:var(--error-surface);color:var(--error)}.warning{background:var(--warning-surface);color:var(--warning)}.success{background:var(--success-surface);color:var(--success)}.information{background:var(--information-surface);color:var(--information)}.money{text-align:right;font-variant-numeric:tabular-nums}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-small);border-radius:100vmax;font-weight:600;display:inline-flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:10;padding:var(--space-3);background:var(--surface);position:fixed;top:-10rem}.skip-link:focus{top:var(--space-4)}.skeleton{min-height:1rem;margin:var(--space-4) 0;border-radius:var(--radius-control);background:var(--divider)}.loading-state{min-height:12rem}.status-group{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.invoice-table-wrap{border:1px solid var(--divider);border-radius:var(--radius-control);min-width:0;max-height:60vh;margin-bottom:var(--space-4);position:relative;overflow:auto}.financial-table{border-collapse:collapse;width:100%;min-width:56rem;font-size:var(--font-small)}.financial-table caption{text-align:left;color:var(--secondary);padding:var(--space-3) var(--space-4)}.financial-table th,.financial-table td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--divider)}.financial-table thead th{z-index:1;background:var(--surface);vertical-align:middle;position:sticky;top:0}.financial-table .money{text-align:right;white-space:nowrap}.sort-button,.text-button{border-radius:var(--radius-control);padding:var(--space-2) var(--space-1);color:var(--accent);text-align:left;background:0 0;border:0}.sort-button{font-weight:600}.text-button{text-underline-offset:.2em;text-decoration:underline}.selected-row{background:var(--selected);box-shadow:inset 3px 0 var(--accent)}.invoice-cards{display:none}.invoice-card h3{margin:0 0 var(--space-2)}.invoice-card dl{margin:var(--space-4) 0 0}.invoice-card dl>div{gap:var(--space-3);margin:var(--space-2) 0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.invoice-card dt{color:var(--secondary);font-size:var(--font-small)}.invoice-card dd{overflow-wrap:anywhere;margin:0}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4);flex-wrap:wrap;display:flex}.section-heading h2{margin:0}.tabs{gap:var(--space-2);margin:var(--space-6) 0;border-bottom:1px solid var(--divider);display:flex}.tabs [role=tab]{border-radius:var(--radius-control) var(--radius-control) 0 0;border:0;border-bottom:3px solid #0000}.tabs [aria-selected=true]{color:var(--accent);background:var(--selected);border-bottom-color:var(--accent);font-weight:600}.invoice-filters{min-width:0;padding:var(--space-6);border:1px solid var(--divider);border-radius:var(--radius-card);background:var(--surface);margin:0}.invoice-filters legend{padding:0 var(--space-2);font-size:1.125rem;font-weight:600}.filter-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.search-field{grid-column:span 2}.filter-actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.checkbox-label{align-items:center;gap:var(--space-3);min-height:2.75rem;margin:0;font-weight:400;display:inline-flex}.pagination{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;flex-wrap:wrap;display:flex}.pagination label{align-items:center;gap:var(--space-3);margin:0 auto 0 0;font-weight:400;display:flex}.pagination select{width:auto}.invoice-layout{min-width:0}.invoice-layout.has-detail .list-pane{display:none}.detail-panel{margin-top:var(--space-6);min-width:0}.detail-metadata,.financial-totals{margin:var(--space-6) 0}.detail-metadata>div,.financial-totals>div{gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--divider);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.detail-metadata dt,.financial-totals dt{color:var(--secondary)}.detail-metadata dd,.financial-totals dd{overflow-wrap:anywhere;margin:0}.financial-totals dd{text-align:right;font-variant-numeric:tabular-nums}.financial-totals .total{font-weight:600}.financial-totals .total dt{color:var(--text)}.detail-table-wrap{border:1px solid var(--divider);border-radius:var(--radius-control);max-width:100%;overflow:auto}.line-items{min-width:40rem}.payment-list{padding:0;list-style:none}.payment-list li{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--divider);flex-wrap:wrap;display:flex}.payment-list strong{font-variant-numeric:tabular-nums}@media (width>=100rem){.invoice-layout.has-detail{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1.3fr) minmax(24rem,1fr);display:grid}.invoice-layout.has-detail .list-pane{display:block}.invoice-layout.has-detail .detail-panel{margin-top:0}}@media (width<48rem){:root{--font-heading:1.5rem}.app-root,.card{padding:var(--space-4)}.auth-card{margin:var(--space-6) auto}.auth-card .action-row>button{flex:12rem}.tabs [role=tab]{min-width:0;padding-inline:var(--space-2);overflow-wrap:anywhere;flex:1 1 0}.invoice-filters{padding:var(--space-4)}.filter-grid{grid-template-columns:minmax(0,1fr)}.search-field{grid-column:auto}.invoice-table-wrap{display:none}.invoice-cards{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}}.workspace-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{gap:var(--space-6);height:100dvh;padding:var(--space-6) var(--space-4);background:var(--surface);border-right:1px solid var(--divider);flex-direction:column;display:flex;position:sticky;top:0}.brand{gap:var(--space-1);overflow-wrap:anywhere;flex-direction:column;display:flex}.brand strong{font-size:1.25rem}.brand span{color:var(--secondary);font-size:var(--font-small)}.sidebar nav{gap:var(--space-2);display:grid}.sidebar nav button{text-align:left;color:var(--text);border:0}.sidebar nav [aria-current=page]{color:var(--accent);background:var(--selected);box-shadow:inset 3px 0 var(--accent);font-weight:600}.account-area{overflow-wrap:anywhere;margin-top:auto}.account-area p{margin-bottom:var(--space-2)}.navigation-toggle{font-size:var(--font-small)}.navigation-collapsed{--sidebar-width:7rem}.navigation-collapsed .brand span{display:none}.workspace-content{min-width:0}.context-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:1px solid var(--divider);flex-wrap:wrap;display:flex}.entity-selector{width:min(20rem,100%);min-width:0}.entity-current{margin:var(--space-1) 0 0;font-size:var(--font-small)}.connection-info{justify-content:flex-end;align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;flex:1 1 0;min-width:0;display:flex}.connection-info[hidden]{display:none}.connection-info p{margin:0}.workspace-main{min-width:0;padding:var(--space-8);scroll-margin-top:var(--space-6)}.settings-tabs{margin-bottom:var(--space-6)}.settings-tabs [aria-pressed=true]{background:var(--selected);font-weight:600}.settings-form{gap:var(--space-3);max-width:40rem;margin:var(--space-6) 0;display:grid}.settings-form label{margin:0}.entity-cards{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.staff-list{gap:var(--space-4);display:grid}.staff-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.staff-row h3{margin-top:0}.staff-row p{margin-bottom:var(--space-2)}.connection-attempt{margin:var(--space-6) 0}.connection-attempt form{gap:var(--space-3);display:grid}.assignment-picker select{min-width:10rem}.invoice-card .assignment-picker select{min-width:0}@media (48rem<=width<75rem){.workspace-shell{--sidebar-width:8rem}.sidebar{padding-inline:var(--space-3)}.brand span,.navigation-toggle{display:none}.workspace-main{padding:var(--space-6)}.context-bar{padding:var(--space-3) var(--space-4)}}@media (width<48rem){.workspace-shell{display:block}.sidebar{display:contents}.brand,.navigation-toggle{display:none}.sidebar nav{z-index:5;padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--divider);background:var(--surface);gap:var(--space-2);display:flex;position:fixed;bottom:0;left:0;right:0}.sidebar nav button{min-width:0;padding-inline:var(--space-2);overflow-wrap:anywhere;text-align:center;flex:1 1 0}.account-area{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border-bottom:1px solid var(--divider);flex-wrap:wrap;margin:0;display:flex}.account-area p{margin:0}.account-area button{margin-left:auto}.context-bar{gap:var(--space-4);padding:var(--space-4);flex-direction:column}.connection-info{flex:none;justify-content:flex-start}.workspace-main{padding:var(--space-6) var(--space-4) calc(6rem + env(safe-area-inset-bottom))}html{scroll-padding-bottom:6rem}.workspace-main :focus{scroll-margin-block:5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.entities-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.entities-header h2{margin:0 0 4px}.entities-header p{color:var(--secondary);margin:0}.entity-list{gap:16px;display:grid}.entity-card{gap:12px;display:grid}.entity-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.entity-card h3{font-size:var(--font-section);align-items:center;gap:8px;margin:0;display:flex}.entity-dot{background:var(--boundary);border-radius:50%;width:10px;height:10px;display:inline-block}.entity-facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 24px;margin:0;display:grid}.entity-facts div{gap:2px;display:grid}.entity-facts dt{color:var(--secondary);font-size:var(--font-small)}.entity-facts dd{margin:0}.security-note{margin-top:16px}button.danger{color:var(--error);border-color:var(--error);background:var(--surface)}.modal-backdrop{z-index:100;background:#17242e66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-card);background:var(--surface);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-overlay);gap:16px;padding:24px;display:grid;overflow:auto}.modal h2{font-size:var(--font-section);margin:0}.stepper{color:var(--secondary);font-size:var(--font-small);flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.step{align-items:center;gap:6px;display:flex}.step-number{border:1px solid var(--boundary);border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.step.current{color:var(--accent);font-weight:600}.step.current .step-number{border-color:var(--accent);background:var(--accent);color:#fff}.step.complete .step-number{border-color:var(--success);background:var(--success-surface);color:var(--success)}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.consequences{gap:8px;margin:0;padding-left:20px;display:grid}
