@layer components {
.data-table{border-collapse:collapse;border-spacing:0;background-color:inherit;table-layout:auto;width:100%;min-width:100%;max-width:100%;font-family:inherit;font-size:inherit;color:var(--table-cell-color);border:none}.data-table thead tr{height:var(--table-header-height);border-bottom:var(--portal-border)}.data-table thead{border-bottom:none}.data-table th{box-sizing:border-box;text-align:left;color:var(--color-text-primary);font-size:inherit;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);white-space:nowrap;vertical-align:middle;background:0 0;border-bottom:none}.data-table tbody tr{height:var(--table-row-height);cursor:pointer;transition:background var(--transition-faster);--table-action-size:var(--portal-btn-icon-size-2xs)}.data-table td{box-sizing:border-box;color:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;background:0 0;border:none}.data-table tbody tr:hover td{background:var(--color-bg-hover)}.data-table tbody tr:hover td[colspan],.data-table tbody tr.empty-row:hover td{background:0 0}.data-table tbody tr:hover td:has(.empty-state){background:0 0}.data-table tbody tr:has(td[colspan]):hover td{background:0 0}.data-table tbody tr:active td{background:var(--color-bg-active)}.data-table tbody tr.row-focused td,.data-table tbody tr[data-focused=true] td{background:var(--color-bg-hover)}.data-table tbody tr.row-focused td:first-child,.data-table tbody tr[data-focused=true] td:first-child{box-shadow:inset var(--space-px) 0 0 var(--color-brand-red), inset calc(var(--space-px) * 2) 0 0 var(--color-brand-red)}.data-table tbody tr.row-selected td,.data-table tbody tr[data-selected=true] td{background:var(--color-bg-raised)}.button-group{align-items:center;gap:var(--space-0-5);flex-wrap:nowrap;display:flex}.button-group--modal{gap:var(--space-1-5)}.button-group--toolbar,.button-group--sidebar{gap:var(--space-1)}.inline-edit-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-0-5);display:flex}.action-group{align-items:center;gap:var(--table-actions-gap);--portal-btn-icon-size:var(--portal-btn-icon-size-2xs);flex-wrap:nowrap;justify-content:flex-end;display:inline-flex}.data-table :is(td,th) :is(.inline-edit-display,.inline-edit-value){min-height:0}.data-table :is(td,th) .dropdown-trigger--status{margin-block:calc(-1 * (var(--dropdown-padding-y) + var(--dropdown-border-width)))}.data-table :is(td,th).col-actions :is(.action-group,.data-table-actions){gap:var(--table-actions-gap)}.data-table :is(td,th).col-actions{--portal-btn-icon-size:var(--portal-btn-icon-size-2xs)}.table-row-expansion{padding:var(--space-1) var(--space-2);background:var(--color-bg-secondary)}.col-actions{vertical-align:middle;text-align:right;background:0 0;border-top:none;margin:0;display:table-cell}:is(.data-table :is(th,td).col-actions,.data-table :is(th,td):last-child:has(.action-group)){white-space:nowrap;text-align:right;width:1%}.data-table th.col-actions{text-align:right}.data-table .col-actions{white-space:nowrap;text-align:right;width:1%}.portal .dashboard-content .data-table tbody tr:has(.project-stacked)>td{vertical-align:top}.data-table :is(th,td):is(.name-col,.title-col,.primary-cell,.contact-col,.client-col){white-space:nowrap;width:1%}.data-table .cell-content .project-stacked{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary);display:block}.data-table :is(th,td).star-col{white-space:nowrap;text-align:center;--portal-btn-icon-size:var(--portal-btn-icon-size-2xs);width:1%;min-width:3rem;max-width:3rem}:is(.data-table td.col-actions:not(:has(.data-table-row-actions)),.data-table td.col-actions:has(.data-table-row-actions:empty)){margin:0;padding-left:0;padding-right:0}.data-table-header{justify-content:space-between;align-items:center;row-gap:var(--space-1);column-gap:var(--space-1-5);min-height:var(--space-7);border-top:none;border-bottom:var(--portal-border);background-color:inherit;border-radius:0;flex-wrap:wrap;display:flex}.data-table-header>.status-badge{display:none}.data-table-header h3{align-items:center;gap:var(--icon-gap);color:var(--heading-section-color);font-size:var(--heading-section-font-size);font-weight:var(--heading-section-font-weight);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-section-letter-spacing);white-space:nowrap;flex:none;order:0;margin:0;display:inline-flex}.data-table-header h3 svg{flex-shrink:0;width:1em;height:1em}.data-table-header h3 .title-mobile{display:none}.data-table-header h3 .title-full{display:inline}@media (max-width:479px){.data-table-header h3:has(.title-mobile) .title-full{display:none}.data-table-header h3 .title-mobile{display:inline}}.stats-summary{align-items:center;gap:var(--space-1) var(--space-3);margin-left:var(--space-4);color:var(--color-text-tertiary);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);text-transform:uppercase;letter-spacing:var(--label-letter-spacing);flex-wrap:wrap;order:1;display:inline-flex}.data-table-header>.detail-meta{margin-left:var(--badge-gap);flex:none;order:1;align-items:center}.stats-summary-item{white-space:nowrap;align-items:center;display:inline-flex}.stats-summary-item:not(:last-child):after{content:"•";margin-left:var(--space-3);color:var(--color-text-tertiary)}.data-table-actions{gap:var(--action-btn-gap);flex-shrink:0;order:2;align-items:center;min-width:0;max-width:100%;margin-left:auto;display:flex}.data-table-actions .icon-btn{flex-shrink:0}.data-table-actions .status-badge{display:none}.data-table-actions .view-toggle{align-self:center}.table-layout{width:100%;min-width:0}.data-table-card{background-color:inherit;border:var(--portal-border);min-width:0;overflow:visible}.data-table-scroll-wrapper{container:table/inline-size}.data-table-scroll-wrapper:has(tbody td:not([colspan])):not(:has(td[data-label],td[class$=-col],td[class$=-cell],td[class*=-col\ ],td[class*=-cell\ ])){container-type:normal}.data-table-container{background:0 0;border:none;min-width:0;overflow:visible}.data-table-container>ul{flex-direction:column;gap:0;padding:0;display:flex}.data-table td[colspan]:before{display:none}.data-table-scroll-wrapper{background-color:inherit;border:none;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.data-table-scroll-wrapper:not(.data-table-card *){border:var(--portal-border)}.data-table-card:has(.table-pagination) .data-table-scroll-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}.table-pagination{min-height:var(--space-7);border-top:var(--portal-border);color:inherit;font-size:inherit;align-items:center;display:flex}.pagination-inner{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;display:flex}.pagination-info,.pagination-size label{color:inherit}.pagination-controls,.pagination-size,.pagination-nav{align-items:center;display:flex}.pagination-controls{gap:var(--space-4)}.pagination-size{gap:var(--space-2)}.pagination-nav{gap:var(--space-1)}.pagination-btn{width:var(--table-pagination-btn-size);height:var(--table-pagination-btn-size);border:var(--portal-input-border);color:inherit;cursor:pointer;box-sizing:border-box;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.pagination-btn:hover:not(:disabled){color:var(--color-brand-red);border-color:var(--color-brand-red)}.pagination-btn:disabled{color:var(--color-text-tertiary);border-color:var(--color-border-primary);cursor:not-allowed}.pagination-btn svg{width:var(--table-icon-size);height:var(--table-icon-size)}.pagination-page-btn{min-width:var(--table-pagination-btn-size);width:var(--table-pagination-btn-size);height:var(--table-pagination-btn-size);border:var(--portal-input-border);color:inherit;font-size:inherit;box-sizing:border-box;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.pagination-page-btn:hover:not(.is-active){color:var(--color-brand-red);border-color:var(--color-brand-red)}.pagination-page-btn.is-active{font-weight:var(--font-weight-semibold)}.data-table td a{color:inherit;text-decoration:none}.data-table td a:hover{text-decoration:underline}.data-table .cell-content,.data-table .cell-title,.data-table .cell-subtitle{font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;line-height:var(--line-height-snug)}.data-table .cell-content{gap:var(--space-0-5);vertical-align:middle;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;margin:0;display:inline-flex}.data-table .cell-empty,.cell-empty{color:var(--color-text-tertiary)}.data-table .cell-with-icon{align-items:center;gap:var(--space-2);flex-direction:row;display:flex}.data-table .icon-sm,.data-table .icon-xs{color:inherit}.data-table .cell-title,.data-table .cell-subtitle{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.data-table .priority-stacked{align-items:center;gap:var(--icon-gap);color:inherit;font-size:inherit;display:none}.data-table .cell-title-row{align-items:flex-start;gap:var(--icon-gap);min-width:0;max-width:100%;font-size:var(--font-size-sm);line-height:var(--line-height-snug);display:inline-flex}.data-table .cell-title-row .priority-stacked{align-items:center;height:1lh;display:inline-flex}.data-table .project-stacked{color:inherit;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-label)}.data-table code{font-family:var(--font-family-mono);font-size:inherit;background:0 0;padding:0}.data-table td span,.data-table td code,.data-table .cell-with-icon span{font-size:inherit}.data-table :is(td,th).col-checkbox{width:var(--table-checkbox-width);min-width:var(--table-checkbox-width);max-width:var(--table-checkbox-width);text-align:center}.data-table th,.data-table td{text-overflow:ellipsis;white-space:nowrap;max-width:var(--table-cell-max-width);overflow:hidden}.data-table :is(th,td):has(>.portal-checkbox){text-overflow:clip;max-width:none;width:var(--table-checkbox-width);min-width:var(--table-checkbox-width);overflow:visible}.data-table :is(th,td).status-col{text-align:center}.data-table:has(td.status-col .dropdown-trigger--status) :is(th,td).status-col{min-width:calc(var(--status-dropdown-width,10rem) + 2 * var(--content-gutter))}.data-table td.status-col{text-overflow:clip;overflow:visible}.data-table :is(.name-col,.title-col,.message-col,.client-col,.contact-col,.contract-col,.phone-col,.email-col,.user-col){max-width:var(--table-name-max-width)}.data-table .primary-cell,.data-table .primary-cell .cell-content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.data-table .primary-cell :is(.cell-title,.project-stacked)>.inline-edit-display>.inline-edit-value{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}@container table (max-width:900px){.data-table{--table-meta-columns-width:33rem}.data-table :is(th,td):is(.name-col,.title-col,.client-col,.contact-col,.primary-cell){max-width:max(25cqw, calc(100cqw - var(--table-meta-columns-width)))}}.data-table .cell-title--doc{font-weight:var(--font-weight-semibold,600)}.data-table .primary-cell .cell-title:not(.inline-edit-display){white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.data-table .primary-cell .cell-title.inline-edit-display>.inline-edit-value{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.data-table .primary-cell .cell-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.data-table .mono-text{font-family:var(--font-family-mono,"SF Mono", "Fira Code", "Fira Mono", Menlo, monospace);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-label)}.data-table :is(th,td):not(.col-checkbox):not(.star-col):not(.col-actions):not(.name-col):not(.title-col):not(.primary-cell):not(.contact-col):not(.client-col){text-align:center}.data-table :is(th,td):not(.col-checkbox):not(.star-col):not(.col-actions):not(.name-col):not(.title-col):not(.primary-cell):not(.contact-col):not(.client-col)>:is(.inline-edit-display,.inline-edit-wrapper,.cell-with-icon,.layout-row){justify-content:center;width:fit-content;margin-inline:auto}.data-table td.status-col>.status-indicator{width:var(--status-dropdown-width);min-width:var(--status-dropdown-width);padding-inline:var(--dropdown-padding-x);border:var(--dropdown-border-width) solid transparent;justify-content:flex-start;margin-inline-start:calc(-1 * (var(--dropdown-padding-x) + var(--dropdown-border-width)));display:inline-flex}.data-table :is(th,td):first-child:not(.col-checkbox):not(.star-col):not(.col-actions):not(.name-col):not(.title-col):not(.primary-cell):not(.contact-col):not(.client-col){text-align:left}.data-table :is(.count-col,.hours-col,.progress-col,.date-col,.due-date-col,.text-center){text-align:center}.data-table :is(td,th):is(.count-col,.hours-col,.progress-col,.date-col,.due-date-col,.text-center)>:is(.inline-edit-display,.inline-edit-wrapper,.cell-with-icon,.status-indicator,.layout-row){justify-content:center}.data-table :is(td,th):is(.count-col,.hours-col,.progress-col,.date-col,.due-date-col,.text-center)>.inline-edit-display{width:fit-content;margin-inline:auto;position:relative}.data-table :is(td,th):is(.count-col,.hours-col,.progress-col,.date-col,.due-date-col,.text-center)>.inline-edit-display>.inline-edit-icon{left:calc(100% + var(--icon-gap-xs,var(--space-0-5)));position:absolute;top:50%;transform:translateY(-50%)}.portal-tooltip{white-space:normal;width:max-content}.data-table td.text-center:has(>svg:only-child){justify-content:center;align-items:center;display:flex}.data-table td.text-center svg,.data-table th.text-center svg{vertical-align:middle;display:inline-block}.data-table :is(.amount-col,.text-right),.data-table th.amount-col,.data-table th.text-right,.data-table th[class*=amount]{text-align:right}.data-table .col-actions{text-align:right;max-width:none;overflow:visible}.data-table .truncate{max-width:var(--table-truncate-max-width);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.data-table td[colspan],.data-table :is(td.error-row,td.loading-row,td.empty-row){text-overflow:clip;white-space:normal;text-align:center;width:100%;max-width:none;overflow:visible}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-faster);position:relative}.data-table th.sortable:hover{background-color:#0000}.sort-header-btn{align-items:center;gap:var(--icon-gap);font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.sort-header-btn:hover{color:var(--color-text-primary)}.sort-header-btn .sort-indicator{font-size:var(--table-sort-indicator-size);color:var(--color-brand-red)}.data-table th.sortable .data-table-sort-icon{right:var(--table-cell-padding-x);align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.data-table th.sortable .data-table-sort-icon svg{width:var(--table-icon-size);height:var(--table-icon-size);color:var(--color-text-primary);transition:color var(--transition-faster)}.data-table th.sortable:hover .data-table-sort-icon svg{color:var(--color-text-primary)}.data-table th.sortable .data-table-sort-icon svg.sort-asc,.data-table th.sortable .data-table-sort-icon svg.sort-desc{color:var(--color-brand-red)}.table-link{color:var(--color-text-primary);cursor:pointer;transition:text-decoration var(--transition-faster);text-decoration:none}.portal .dashboard-content :is(.cell-link,.link-btn,.btn-link,.panel-link,.link-list a,.messaging-conv-project-link,a:not([class*=btn]):not(.icon-btn):not(.portal-subtab)){font-weight:var(--font-weight-bold)}.table-link:hover{text-decoration:underline}@media (max-width:767px){.data-table{table-layout:auto;width:100%;min-width:0}.data-table th,.data-table td{white-space:nowrap}.data-table :is(.type-col,.date-col,.status-col){width:auto}.data-table .col-checkbox,.data-table th.col-checkbox{display:none}}@container table (max-width:1000px){.data-table :is(td,th).col-actions :is(.action-group,.data-table-actions)>*+*{margin-inline-start:calc(-1 * var(--space-0-5))}}@container table (max-width:700px){.data-table-scroll-wrapper{overflow-x:visible}.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{width:100%;display:block}.data-table{min-width:0}.data-table thead{display:none}.data-table td:has(.empty-state,.loading-state,.error-state){white-space:normal}.data-table :is(.source-col,.timeline-col,.date-col,.project-col,.type-col,.count-col,.category-col,.amount-col,.invoice-col,.status-col):not(.primary-cell):not(:empty){display:flex}.data-table tbody tr{border:none;border-bottom:var(--portal-border);background:0 0;border-radius:0;height:auto;margin-bottom:0}.data-table tbody tr:last-child{border-bottom:none;margin-bottom:0}.data-table td,.data-table td.status-col,.data-table td.amount-col,.data-table td.col-actions,.data-table td.date-col{justify-content:flex-start;align-items:baseline;gap:var(--space-2);word-break:normal;white-space:nowrap;text-overflow:clip;text-align:left;border:none;max-width:100%;height:auto;min-height:auto;display:flex;overflow:visible}.data-table td:not(.primary-cell) .cell-content{align-items:flex-start;gap:var(--space-0-5);flex-direction:column;display:flex}.data-table td:not(.primary-cell) .cell-content :is(.cell-title,.cell-subtitle){white-space:nowrap;display:block}.data-table td.timeline-col .cell-content{align-items:baseline;column-gap:var(--space-0-5);flex-flow:wrap}.data-table .primary-cell .cell-content{flex-direction:column;align-items:flex-start;display:flex}.data-table .primary-cell,.data-table .primary-cell .cell-title,.data-table .primary-cell .cell-subtitle{text-overflow:clip;white-space:normal;-webkit-line-clamp:unset;text-align:left;overflow:visible}.data-table :is(th,td):first-child,.data-table .col-checkbox+:is(th,td),.data-table :is(th,td):last-child{padding-left:0;padding-right:0}.data-table td[colspan]{padding:0}.data-table td+td{border-top:none}.data-table td:before,.data-table td.primary-cell .cell-content>[data-label]:before{content:attr(data-label);text-align:left;min-width:5rem;color:var(--table-header-color);font-size:var(--table-header-font-size);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--table-header-letter-spacing);white-space:nowrap;flex-shrink:0;order:-1}.portal .data-table td{width:100%;max-width:none}.data-table td>*{flex:auto;min-width:0;max-width:none}.data-table td>.cell-with-icon,.data-table td>.cell-content,.data-table td .cell-with-icon>.cell-content{width:auto;max-width:none}.data-table td .cell-content :is(.cell-title,.cell-subtitle){white-space:normal;max-width:none}.portal .data-table tbody tr:hover{background:var(--color-bg-hover)}.portal .data-table tbody tr:hover td,.portal .data-table tbody tr:hover td>*{background:0 0}.data-table td.primary-cell:has(.cell-content>[data-label]):before{content:none}.data-table td.primary-cell .cell-content>[data-label]{align-items:baseline;gap:var(--space-2);white-space:normal;width:100%;max-width:none;display:flex}.data-table td.primary-cell .cell-content>[data-label]+[data-label]{margin-top:var(--space-1)}.data-table .cell-content .project-stacked,.data-table .cell-content .priority-stacked{display:none}.data-table td.status-col{align-items:center}.data-table td.col-actions{justify-content:flex-end;align-items:center}:is(.data-table td.col-actions,.data-table td:last-child:has(.action-group)){width:auto}.data-table td.col-actions:before{display:none}.data-table .col-actions .action-group{gap:var(--space-0-5)}.data-table td:empty{display:none}.data-table td.name-col:not([data-label]):before,.data-table td.primary-cell:not([data-label]):before,.data-table td.contract-col:not([data-label]):before{content:"Name"}.data-table td.contact-col:not([data-label]):before{content:"Contact"}.data-table td.invoice-col:not([data-label]):before{content:"Invoice"}.data-table td.project-col:not([data-label]):before{content:"Project"}.data-table td.client-col:not([data-label]):before{content:"Client"}.data-table td.date-col:not([data-label]):before{content:"Date"}.data-table td.amount-col:not([data-label]):before{content:"Amount"}.data-table td.status-col:not([data-label]):before{content:"Status"}.data-table td.email-col:not([data-label]):before{content:"Email"}.data-table td.phone-col:not([data-label]):before{content:"Phone"}.data-table td.type-col:not([data-label]):before{content:"Type"}.data-table td.count-col:not([data-label]):before{content:"Count"}.data-table td.source-col:not([data-label]):before{content:"Source"}.data-table td.timeline-col:not([data-label]):before{content:"Timeline"}.data-table td.description-col:not([data-label]):before{content:"Description"}.data-table td.category-col:not([data-label]):before{content:"Category"}.data-table td.title-col:not([data-label]):before{content:"Title"}.data-table td.contact-col:not(.primary-cell):not([data-label]):before{content:"Contact"}.data-table td.files-col:not([data-label]):before{content:"Files"}.data-table td.hours-col:not([data-label]):before{content:"Hours"}.data-table td.progress-col:not([data-label]):before{content:"Progress"}.data-table td.user-col:not([data-label]):before{content:"User"}.data-table td.shared-col:not([data-label]):before{content:"Shared"}.data-table td.message-col:not([data-label]):before{content:"Message"}.data-table td.star-col:not([data-label]):before{content:none}.data-table .primary-cell .cell-title-row .priority-stacked{align-items:center;display:inline-flex}.data-table td.col-checkbox,.data-table th.col-checkbox{display:none}}@media (max-width:479px){.data-table td{font-size:var(--font-size-xs)}.data-table td:before{font-size:calc(var(--font-size-xs) - 1px)}}.cell-link{color:var(--color-brand-red);text-decoration:none}.cell-link:hover{text-decoration:underline}@media (max-width:479px){.data-table .col-checkbox,.data-table th.col-checkbox{display:none}.data-table tbody td.col-actions{margin-top:var(--space-1);border-top:none;order:10;justify-content:flex-end;display:flex}}.table-stat{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}.sort-indicator{font-size:var(--table-sort-indicator-size);color:var(--color-brand-red)}.row-checkbox{cursor:pointer}.table-cell-content{align-items:center;gap:var(--icon-gap);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.copy-cell{align-items:center;gap:var(--space-1);display:inline-flex}.copy-cell-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.copy-cell-button{width:var(--space-3);height:var(--space-3);color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.portal-tooltip{z-index:var(--z-index-portal-dropdown);max-width:22rem;padding:var(--space-0-5) var(--space-1);background:var(--color-bg-primary);border:var(--portal-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-snug);pointer-events:none;position:fixed;transform:translate(-50%)}.portal-tooltip[data-flipped=true]{transform:translate(-50%,-100%)}.row-hover-card{z-index:var(--z-index-portal-dropdown);column-gap:var(--space-4);row-gap:var(--space-1);min-width:var(--table-col-lg);max-width:min(24rem, calc(100vw - var(--space-4)));padding:var(--space-3) var(--space-4);background:var(--color-bg-hover);border:var(--portal-border);box-shadow:none;font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-snug);color:var(--color-text-primary);pointer-events:none;grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid;position:fixed;overflow-y:auto}.row-hover-card dt{white-space:nowrap}.row-hover-card dd{overflow-wrap:anywhere;min-width:0;margin:0}.row-hover-card:has(>.stats-hover-note){display:block}.row-hover-card .stats-hover-note{white-space:normal;overflow-wrap:anywhere;min-width:0}.data-table tbody tr:hover .copy-cell-button,.copy-cell:hover .copy-cell-button{opacity:1}.copy-cell-button:hover{color:var(--color-brand-red)}.copy-cell-icon{width:var(--table-icon-size);height:var(--table-icon-size)}.copy-cell-icon--success{color:var(--status-completed)}.count-label{color:var(--color-text-tertiary);font-size:inherit}.data-table-stats{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:flex}.data-table-stat-item{align-items:center;gap:var(--space-0-5);display:flex}.data-table-stat-value{font-weight:var(--font-weight-semibold);color:var(--color-brand-red)}.data-table-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.data-table-search-wrapper{min-width:200px;max-width:var(--search-input-max-width);flex:1;position:relative}.data-table-search-icon{left:var(--space-2);color:var(--color-text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.data-table-row-selected{background-color:var(--portal-alpha-primary-10)}.data-table-row-actions{align-items:center;gap:var(--table-actions-gap);--portal-btn-icon-size:var(--portal-btn-icon-size-2xs);display:flex}.data-table-actions .icon-btn{width:var(--icon-size-lg);height:var(--icon-size-lg);min-width:var(--icon-size-lg);min-height:var(--icon-size-lg);max-width:var(--icon-size-lg);max-height:var(--icon-size-lg)}@container content (max-width:640px){.table-pagination .pagination-inner{justify-content:space-between;align-items:center;gap:var(--space-2);flex-flow:row}.pagination-info{font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.pagination-controls{flex-shrink:0}.pagination-size{display:none}.pagination-nav{gap:var(--space-px)}}@media (max-width:479px){.pagination-info{font-size:var(--font-size-2xs)}}.portal .data-table:has(tbody td:is([colspan],:only-child) :is(.empty-state,.loading-state,.error-state)){height:100%}.portal .data-table-header :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-mono)}
}

@layer components {
.help-search-container{width:var(--aside-width-wide);max-width:100%;position:relative}.portal .help-main-grid{grid-template-columns:minmax(280px, var(--aside-width-wide)) 1fr;height:var(--help-grid-height);align-items:stretch;gap:0;display:grid}.portal :is(.help-left-column,.help-right-column){min-height:0;overflow-y:auto}.portal .help-left-column{border-right:var(--portal-border);padding-block:var(--content-gutter);overflow-y:auto}.portal .help-right-column{min-height:var(--help-right-column-min-height);padding-block:var(--content-gutter)}.portal :is(.help-left-column,.help-right-column)>.subsection>:not(.data-table-header):not(.subsection),.portal :is(.help-left-column,.help-right-column)>:not(.subsection):not(.data-table-header):not(.help-article-view){padding-inline:var(--content-gutter)}@media (max-width:767px){.portal .help-main-grid{height:auto}.portal :is(.help-left-column,.help-right-column){overflow-y:visible}.portal .help-right-column{min-height:0}.portal .help-left-column{border-right:none;border-bottom:var(--portal-border)}.portal .help-main-grid:has(.help-article-view) .help-left-column{display:none}}.help-category-icon{flex-shrink:0;align-items:center;width:1em;height:1em;display:inline-flex}.help-accordion-articles{gap:var(--space-0-5);flex-direction:column;display:flex}.help-accordion-article{justify-content:flex-start;align-items:center;gap:var(--space-1-5);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:none;margin:0;display:flex}.help-accordion-article:hover{background:var(--color-bg-hover)}.portal .help-right-column .subsection:has(>.help-featured-card){padding-inline:var(--content-gutter)}.help-featured-card{align-items:flex-start;gap:var(--space-1-5);text-align:left;border:var(--portal-border);color:var(--color-text-primary);cursor:pointer;width:100%;display:flex}.help-featured-card:hover{border-color:var(--color-brand-red)}.help-featured-card-icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);justify-content:center;align-items:center;display:flex}.help-featured-card-content{flex:1;min-width:0}.help-featured-card-title{font-size:var(--font-size-sm);margin:0}.help-featured-card-summary{margin:var(--space-0-5) 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.help-contact-section{border-top:var(--portal-border);background-color:var(--color-bg-primary)}.help-contact-section .data-table-header{border-bottom:none}.help-contact-content{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.help-contact-text{min-width:var(--help-contact-min-width);flex:1}.help-contact-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.help-contact-actions{align-items:center;gap:var(--space-1);flex-direction:row;display:flex}.help-result-item{align-items:flex-start;gap:var(--space-1-5);border:var(--portal-border);width:100%;color:var(--color-text-primary);cursor:pointer;display:flex}.help-result-item:hover{border-color:var(--color-brand-red)}.help-result-icon{flex-shrink:0}.help-result-content{flex:1}.help-result-title{font-weight:var(--font-weight-semibold);margin:0}.help-result-category{margin:var(--space-0-5) 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.portal .help-article-view>article>:not(.help-article-title-row){padding-inline:var(--content-gutter)}.portal .help-article-view>article{gap:var(--content-gutter);flex-direction:column;display:flex}.help-article-title-row{align-items:center;gap:var(--space-1-5);min-height:var(--space-7);padding-inline:var(--content-gutter);border-bottom:var(--portal-border);margin:0;display:flex}.help-article-title-row h1{font-size:var(--heading-section-font-size);font-weight:var(--heading-section-font-weight);letter-spacing:var(--heading-section-letter-spacing);margin:0}.help-article-body{line-height:1.7}.help-article-body p{margin:0 0 var(--space-1-5)}.help-article-body :is(h1,h2,h3,h4){color:var(--color-text-primary);margin:var(--space-2-5) 0 var(--space-1);font-family:inherit}.help-article-body :is(h1,h2){font-size:var(--heading-section-font-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--heading-section-letter-spacing);text-transform:uppercase}.help-article-body :is(h3,h4){font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-label)}.help-article-body :is(h1,h2,h3,h4):first-child{margin-top:0}.help-article-body ul,.help-article-body ol{margin:0 0 var(--space-2);padding-left:var(--space-3)}.help-article-body ul{list-style:outside}.help-article-body ol{list-style:decimal}.help-article-body li{margin-bottom:var(--space-0-5);padding-left:var(--space-0-5)}.help-article-body a{color:var(--color-brand-red)}.help-article-body code{font-family:monospace;font-size:var(--font-size-sm)}.help-article-body pre{margin:0 0 var(--space-1-5);border:var(--portal-border);overflow-x:auto}.help-article-body pre code{padding:0}@media (max-width:600px){.help-contact-content{flex-direction:column;align-items:stretch}.help-contact-actions{align-items:stretch}}
}

@layer components {
.portal :is(.form-input,.form-textarea,.input,.textarea),.portal-modal :is(.form-input,.form-textarea,.input,.textarea),.auth-gate :is(.form-input,.form-textarea,.input,.textarea){width:100%;height:var(--space-7);padding:var(--content-gutter);border:var(--portal-input-border);font-size:inherit;font-family:inherit;font-weight:var(--font-weight-medium);line-height:var(--space-7);background-color:var(--color-bg-primary);color:var(--color-text-primary);box-sizing:border-box;transition:border-color var(--transition-fast);caret-color:var(--color-text-primary)}.portal :is(textarea,.form-textarea,textarea.form-input),.portal-modal :is(textarea,.form-textarea,textarea.form-input){height:auto;min-height:calc(var(--space-6) * 2);line-height:var(--line-height-snug);resize:vertical}.portal :is(.form-input,.form-textarea,input,textarea)::placeholder,.portal-modal :is(.form-input,.form-textarea,input,textarea)::placeholder{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--portal-placeholder-color);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:var(--letter-spacing-label)}.portal :is(.form-input,.form-textarea,input,textarea,select):hover,.portal-modal :is(.form-input,.form-textarea,input,textarea,select):hover{border-color:var(--color-border-primary)}.portal :is(.form-input,.form-textarea,input,textarea,select):is(:focus,:focus-visible),.portal-modal :is(.form-input,.form-textarea,input,textarea,select):is(:focus,:focus-visible),.auth-gate :is(.form-input,.form-textarea,input,textarea,select):is(:focus,:focus-visible){outline-offset:0;border-color:var(--color-brand-red);outline:none}.form-field{margin-bottom:var(--space-2);flex-direction:column;display:flex;position:relative}.form-field:last-child{margin-bottom:0}:is(label.field-label,.field-label){pointer-events:auto;position:static}.portal :is(select:not(.status-select)),.portal-modal :is(select:not(.status-select)){appearance:none;background-image:var(--select-caret);background-repeat:no-repeat;background-position:right var(--space-1-5) center;background-size:var(--icon-size-xs);cursor:pointer}html[data-theme=light] .portal :is(select:not(.status-select)),html[data-theme=light] .portal-modal :is(select:not(.status-select)){background-image:var(--select-caret-light)}:is(input,textarea,select,.form-input,.form-textarea):disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background-color:var(--color-bg-readonly)}:is(input,textarea,.form-input,.form-textarea):read-only{background-color:var(--color-bg-readonly);cursor:default}:is(.form-input,.form-textarea,input,textarea,select):is(.error,.form-field-input--error,.form-input-error){border-color:var(--color-error)}.form-error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-0-5)}.form-required{color:var(--color-error);margin-left:var(--space-0-5)}.form-helper-text{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-0-5)}@media (max-width:479px){.portal :is(.form-input,.form-textarea,input,textarea,select){height:calc(var(--space-5) + var(--space-0-5));font-size:var(--font-size-sm);line-height:calc(var(--space-5) + var(--space-0-5))}.portal :is(textarea,.form-textarea){height:auto;min-height:var(--space-10);line-height:var(--line-height-normal)}}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-toggle,.portal-password-toggle{right:var(--space-1-5);cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover,.portal-password-toggle:hover{color:var(--color-brand-red)}.password-toggle svg{width:1em;height:1em}.password-toggle .password-icon-hide,.password-toggle.showing .password-icon-show{display:none}.password-toggle.showing .password-icon-hide{display:block}.form-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.form-row--three-col{grid-template-columns:repeat(3,1fr)}@media (max-width:576px){.form-row,.form-row--three-col{grid-template-columns:1fr}}.search-bar{align-items:center;width:100%;display:flex;position:relative}.search-bar .search-bar-icon{left:var(--search-icon-inset);width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input.search-bar-input,.filter-search-dropdown input.search-bar-input,input.search-bar-input{width:100%;height:var(--portal-btn-icon-size);min-height:var(--portal-btn-icon-size);background-color:var(--color-bg-primary);border:var(--portal-border);color:var(--color-text-primary);font-size:var(--search-font-size);box-sizing:border-box;padding:0 calc(var(--icon-size-xl) + var(--space-1)) 0 calc(var(--search-icon-inset) + var(--icon-size-md) + var(--search-icon-gap));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-bar .search-bar-input::placeholder,.search-bar-input::placeholder{font-size:var(--search-font-size);color:var(--color-text-tertiary);text-overflow:ellipsis;overflow:hidden}.search-bar .search-bar-input:focus,.search-bar-input:focus{border-color:var(--color-brand-red);outline:none}.search-bar-clear{right:var(--space-0-5);width:var(--icon-size-xl);height:var(--icon-size-xl);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-bar-clear:hover{color:var(--color-text-primary)}.search-bar-clear:focus{outline:none}.search-bar-clear:focus-visible{outline:var(--focus-ring-width-thick) solid var(--color-brand-red);outline-offset:var(--focus-ring-offset-sm)}.search-bar-clear svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.input{width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);background:var(--color-bg-primary);border:var(--portal-input-border);color:var(--color-text-primary);border-radius:0;outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-brand-red)}.input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.input-error{border-color:var(--color-error)}.select{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);background-color:var(--color-bg-primary);border:var(--portal-input-border);color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:var(--select-caret);background-repeat:no-repeat;background-position:right var(--space-1-5) center;background-size:var(--icon-size-xs);border-radius:0;outline:none}.select:focus{border-color:var(--color-brand-red)}.select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.dropdown-trigger--form{box-shadow:none;width:100%;height:var(--space-7);padding:0;padding:var(--content-gutter);font-size:inherit;font-weight:var(--font-weight-medium);font-family:inherit;line-height:var(--space-7);background:0 0;background-color:var(--color-bg-primary);border:none;border:var(--portal-input-border);color:var(--color-text-primary);cursor:pointer;box-sizing:border-box;text-align:left;text-transform:none;letter-spacing:normal;border-radius:0;outline:none;flex-direction:row;align-items:center;margin:0;text-decoration:none;display:flex;position:relative}.dropdown-trigger--form:focus{border-color:var(--color-brand-red)}.dropdown-trigger--form:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.dropdown-trigger--form[data-state=open]{border-color:var(--color-border-primary)}.dropdown-value--form{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dropdown-value--form.is-placeholder{font-size:var(--table-cell-font-size);font-weight:var(--font-weight-regular);color:var(--portal-placeholder-color);font-family:var(--font-family-mono)}.dropdown-caret--form{width:var(--dropdown-caret-size);height:var(--dropdown-caret-size);color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}.dropdown-trigger--form[data-state=open]>.dropdown-caret--form{transform:rotate(180deg)}.textarea{width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);background:var(--color-bg-primary);border:var(--portal-input-border);color:var(--color-text-primary);resize:none;min-height:var(--space-12);border-radius:0;outline:none}.portal textarea.textarea,.portal-modal textarea.textarea{resize:none}.textarea::placeholder{color:var(--color-text-tertiary)}.textarea:focus{border-color:var(--color-brand-red)}.textarea:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.panel>.textarea,.notes-input-panel>.textarea{border:none}.panel>.textarea:focus,.notes-input-panel>.textarea:focus{box-shadow:none}.form-textarea-resizable{min-height:var(--min-height-textarea-lg);resize:vertical}.qform-actions,.qform-file-selected,.file-upload-item-header{justify-content:space-between;align-items:center;display:flex}.file-upload-item-header{margin-bottom:var(--space-0-5)}.qform-status{align-items:center;gap:var(--space-1);display:flex}.qform-status-item{align-items:center;gap:var(--space-0-5);font-size:var(--font-size-2xs);display:flex}.qform-unsaved{font-size:var(--font-size-2xs);color:var(--status-pending)}.qform-question-label-row{align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-1);display:flex}.qform-question-number{font-variant-numeric:tabular-nums}.qform-question-label-container{flex:1}.qform-question-help{color:var(--color-text-secondary);margin-top:var(--space-px)}.qform-actions{gap:var(--space-1-5)}.qform-btn-with-icon{align-items:center;gap:var(--space-0-5);display:flex}.qform-readonly-notice{text-align:center;font-size:var(--font-size-2xs)}.qform-multiselect-container{gap:var(--space-1);flex-wrap:wrap;display:flex}.qform-multiselect-btn{font-size:var(--font-size-2xs)}.qform-file-upload{gap:var(--space-1);flex-direction:column;display:flex}.qform-file-selected{gap:var(--space-1-5)}.qform-file-info{align-items:center;gap:var(--space-1);min-width:0;display:flex}.qform-file-name{font-size:var(--font-size-xs)}.qform-file-size{font-size:var(--font-size-2xs);flex-shrink:0}.qform-dropzone{justify-content:center;align-items:center;gap:var(--space-1);border:var(--border-width) dashed var(--color-border-primary);cursor:pointer;flex-direction:column;display:flex}.qform-dropzone-disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.qform-dropzone-text{text-align:center}.qform-dropzone-label{font-size:var(--font-size-xs)}.qform-dropzone-hint{font-size:var(--font-size-2xs);margin-top:var(--space-0-5)}.qform-check-success{color:var(--status-completed);flex-shrink:0}.form-field-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.form-field-icon{color:var(--color-text-tertiary);pointer-events:none;z-index:var(--z-index-content);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.form-field-icon svg{width:1em;height:1em}.form-field-icon-left{left:var(--content-gutter)}.form-field-icon-right{right:var(--content-gutter)}.portal .form-field-input--icon-left,.portal-modal .form-field-input--icon-left,.auth-gate .form-field-input--icon-left{padding-left:calc(var(--content-gutter) * 2 + 1em)}.portal .form-field-input--icon-right,.portal-modal .form-field-input--icon-right,.auth-gate .form-field-input--icon-right{padding-right:calc(var(--content-gutter) * 2 + 1em)}.form-field-textarea--no-resize{resize:none}.form-field--checkbox{align-items:flex-start;gap:var(--space-1);flex-direction:row}.form-field--toggle{justify-content:space-between;align-items:center;gap:var(--space-2);flex-direction:row}.form-field--toggle>.field-label{margin-bottom:0}.form-field--wide{grid-column:1/-1}.form-field-checkbox-label{align-items:center;gap:var(--space-1-5);cursor:pointer;display:flex}.form-field-checkbox{width:var(--space-2);height:var(--space-2);border:var(--border-width-thin) solid var(--color-border-primary);cursor:pointer;accent-color:var(--color-brand-red);background:0 0;flex-shrink:0}.form-field-checkbox-text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-field-checkbox-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-0-5);display:block}.form-field-radio-group{gap:var(--space-1-5);flex-direction:column;display:flex}.form-field-radio-group--horizontal{gap:var(--space-3);flex-flow:wrap}.form-field-radio-label{align-items:flex-start;gap:var(--space-1-5);cursor:pointer;display:flex}.form-field-radio-label--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.form-field-radio{width:var(--space-2);height:var(--space-2);margin-top:var(--space-px);accent-color:var(--color-brand-red);cursor:pointer;flex-shrink:0}.form-field-radio-text{font-size:var(--font-size-sm);color:var(--color-text-primary);flex-direction:column;display:flex}.form-field-radio-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-0-5)}.form-field-group{margin:0 0 var(--space-3) 0;border:none;padding:0}.form-field-group:last-child{margin-bottom:0}.form-field-group-label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);display:block}.form-field-group-content{gap:var(--space-2);flex-direction:column;display:flex}.file-upload-zone{align-items:center;gap:var(--space-1-5);flex-direction:column;display:flex}.file-upload-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.file-upload-error{align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error);display:flex}.file-upload-error svg{flex-shrink:0}.file-upload-item{align-items:center;gap:var(--space-2);border:var(--portal-border);display:flex}.file-upload-item.has-error{border-color:var(--color-error)}.file-upload-item.is-complete{border-color:var(--color-success)}.file-upload-item-icon svg{flex-shrink:0}.file-upload-item-info{flex:1;min-width:0}.file-upload-item-name{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-upload-item-progress{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-upload-progress-track{height:var(--space-0-5);background:var(--portal-alpha-white-10);overflow:hidden}.file-upload-progress-bar{background:var(--color-brand-red);height:100%;transition:width var(--transition-normal)}.file-upload-item-error{font-size:var(--font-size-xs);color:var(--color-error)}.file-upload-remove-btn{color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.file-upload-remove-btn:hover{color:var(--color-brand-red)}.portal .settings-form-section>*{max-width:var(--form-section-max-width)}.checkbox-group{align-items:flex-start;gap:var(--space-1);display:flex}.checkbox-group input{flex-shrink:0;margin-top:calc(.5lh - .5em)}.checkbox-group label{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.form-error-banner{align-items:flex-start;gap:var(--icon-gap);padding:var(--space-1-5) var(--space-2);border:var(--border-width-thin) solid var(--color-error);color:var(--color-error);display:flex}.invoice-line-row{align-items:end;gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:minmax(0,1fr) 5rem 6rem auto auto;display:grid}.invoice-line-amount{font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:right;padding-bottom:var(--space-2);white-space:nowrap}.invoice-line-total{font-family:var(--font-mono);text-align:right;margin-top:var(--space-2)}@media (max-width:640px){.invoice-line-row{grid-template-columns:minmax(0,1fr) auto}.invoice-line-amount{padding-bottom:0}}.summary-row-label{min-width:100px}.steps-list{padding-left:var(--space-3);margin:0;list-style:decimal}.steps-list>li+li{margin-top:var(--space-1)}.files-dropzone-prompt{margin-bottom:var(--space-0-5)}.onboarding-nav{padding-block:var(--space-4)}.onboarding-step-row{padding-block:var(--space-0-5)}.form-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.contract-signer{gap:var(--space-2);flex-direction:column;display:flex}.contract-signer-page{border:var(--portal-border);max-width:816px;margin-inline:auto;position:relative;container-type:inline-size}.contract-signer-canvas{width:100%;height:auto;display:block}.contract-signer-target{background:color-mix(in srgb, var(--color-warning) 12%, transparent);border:var(--border-width) dashed var(--color-warning);color:var(--color-warning);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.contract-signer-target:hover,.contract-signer-target:focus-within{background:color-mix(in srgb, var(--color-warning) 22%, transparent)}.contract-signer-ink{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.contract-signer-target-label{align-items:center;gap:var(--space-0-5);white-space:nowrap;pointer-events:none;display:inline-flex}.contract-signer-target.is-signed{background:0 0;border-color:#0000}.contract-signer-target img{object-fit:contain;width:100%;height:100%}.contract-signer-name{padding:0 var(--space-0-25);border:var(--border-width) solid transparent;color:inherit;background:0 0;font-family:inherit;font-size:clamp(9px,1.15cqw,13px);line-height:1;position:absolute}.contract-signer-name:hover{border-color:color-mix(in srgb, var(--color-warning) 45%, transparent)}.contract-signer-name:focus{border-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 10%, transparent);outline:none}
}

@layer components {
.auth-gate{background:var(--color-bg-secondary);min-height:100vh;z-index:var(--z-index-portal-overlay);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-gate.hidden{display:none}.auth-gate input::placeholder,.auth-gate input{text-align:left}.auth-gate-container,.set-password-card{border:var(--border-width-thick) solid var(--color-dark);padding:var(--space-4);width:100%;max-width:min(500px,90vw);box-shadow:none;background:0 0}.auth-gate-header,.set-password-header{text-align:center;margin-bottom:var(--space-3);flex-direction:column;align-items:center;display:flex}.auth-gate-logo{object-fit:contain;width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);margin-bottom:var(--space-4)}.auth-gate-header h1,.set-password-header h1{font-family:var(--font-family-mono);text-transform:uppercase;color:var(--color-text-primary);margin:0 0 var(--space-1) 0;font-size:clamp(1.8rem,4vw,2.5rem)}.auth-gate-header p,.set-password-header p{color:var(--color-text-secondary);margin:0;font-size:clamp(.875rem,2.5vw,1rem)}.auth-gate-form{gap:clamp(var(--space-2), 2vw, var(--space-3));font-size:var(--font-size-xs);flex-direction:column;display:flex}.auth-gate-form .form-field{flex-direction:column;gap:clamp(4px,1vw,8px);margin-bottom:0;display:flex;position:relative}.auth-gate-form label{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:block;position:static}.auth-gate-form .form-input,.auth-gate .form-input{height:auto;line-height:normal;font-size:var(--font-size-base);transition:all var(--transition-fast);min-height:var(--space-6)}.auth-gate-form .form-input::placeholder,.auth-gate .form-input::placeholder{color:var(--color-text-tertiary);opacity:var(--opacity-subtle)}.auth-gate .password-input-wrapper{align-items:center;display:flex;position:relative}.auth-gate .password-toggle,.auth-gate .portal-password-toggle{right:var(--space-2);cursor:pointer;transition:color var(--transition-fast);color:var(--color-text-secondary);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.auth-gate .password-toggle:hover,.auth-gate .portal-password-toggle:hover{color:var(--color-brand-red)}.auth-gate .auth-error{color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--space-2);border:var(--border-width) solid var(--color-error);font-weight:var(--font-weight-medium);text-align:center;background-color:#0000;display:none}.auth-gate .auth-error:not(:empty){display:block}.auth-gate-form .form-input.error{border-color:var(--color-error)}.auth-gate-form .error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-0-5);font-weight:var(--font-weight-medium);display:none}.auth-gate-form .error-message:not(:empty){display:block}.auth-gate .auth-submit,.auth-gate-form .auth-submit{border:var(--portal-btn-border-width) solid currentColor;border-bottom-width:var(--portal-btn-border-bottom-width);width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:var(--font-family-mono);letter-spacing:var(--letter-spacing-wider);transition:all var(--transition-fast);text-transform:uppercase;background-color:inherit;color:inherit;border-radius:0}.auth-gate .auth-submit:hover,.auth-gate .auth-submit.is-active{background-color:var(--color-brand-red);color:var(--color-bg-tertiary);border-color:var(--color-brand-red)}.auth-gate .auth-submit:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.auth-gate .auth-submit.loading .btn-text{display:none}.auth-gate .auth-submit.loading .btn-loader{display:inline-block}.auth-gate .auth-submit .btn-loader{display:none}.auth-gate-footer{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-1);display:flex}.auth-link{color:var(--color-dark);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.auth-link:hover{opacity:.7}.auth-divider{color:var(--color-text-tertiary)}.auth-gate .form-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-primary) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important;caret-color:var(--color-text-primary)!important}.auth-gate .form-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-primary) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important;caret-color:var(--color-text-primary)!important}.auth-gate .form-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-primary) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important;caret-color:var(--color-text-primary)!important}.auth-gate .form-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-primary) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important;caret-color:var(--color-text-primary)!important}@media (max-width:600px){.auth-gate{align-items:stretch;padding:0}.auth-gate-container{width:100%;max-width:100%;min-height:100vh;box-shadow:none;background:0 0;flex-direction:column;justify-content:center;display:flex}.auth-gate-logo{width:60px;height:60px}.auth-gate-header h1,.set-password-header h1{font-size:var(--font-size-xl)}.auth-gate-header p,.set-password-header p{font-size:var(--font-size-sm)}}@media (max-width:767px){.auth-gate-form{gap:var(--space-2)}}body[data-page=admin] .header,body[data-page=client] .header{z-index:calc(var(--z-index-portal-overlay) + 200)}body[data-page=admin] #admin-dashboard.hidden,body[data-page=client] #client-dashboard.hidden{visibility:hidden!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.auth-error{background:rgba(var(--color-error-rgb), .1);border:var(--border-width) solid rgba(var(--color-error-rgb), .3);color:var(--color-error);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:center}.auth-error:empty{display:none}body[data-page=client]:not(.portal-logged-in) .nav-logo-row,body[data-page=client]:not(.portal-logged-in) .theme-button,body[data-page=client]:not(.portal-logged-in) .menu-button{color:var(--color-nav-text)}body[data-page=client]:not(.portal-logged-in) .nav-logo-row:hover,body[data-page=client]:not(.portal-logged-in) .theme-button:hover,body[data-page=client]:not(.portal-logged-in) .menu-button:hover{color:var(--color-brand-red)}.set-password-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.set-password-container{width:100%;max-width:min(500px,90vw);margin:clamp(var(--space-2), 4vw, var(--space-4))}.set-password-logo{margin-bottom:var(--space-4);display:inline-block}.set-password-logo-img{width:var(--icon-size-4xl);height:var(--icon-size-4xl)}.set-password-error,.set-password-success{text-align:center;gap:var(--space-1);flex-direction:column;display:flex}.set-password-error h2,.set-password-success h2{font-family:var(--font-family-mono);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);margin-bottom:var(--space-1)}.set-password-error .error-icon,.set-password-success .success-icon{width:var(--icon-btn-size-xl);height:var(--icon-btn-size-xl);border-radius:var(--border-radius-full);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.set-password-error .error-icon{background:rgba(var(--color-error-rgb), .1);color:var(--color-error)}.set-password-success .success-icon{background:rgba(var(--color-success-rgb), .1);color:var(--color-success)}.magic-link-info{text-align:center;font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:var(--space-1) 0 0 0}.magic-link-success{background:rgba(var(--color-success-rgb), .1);border:var(--border-width) solid rgba(var(--color-success-rgb), .3);border-radius:var(--border-radius-md);padding:var(--space-4);text-align:center;margin-bottom:var(--space-4)}.magic-link-success p{color:var(--color-success);font-weight:var(--font-weight-medium,500);margin:0}.magic-link-success .magic-link-info{color:var(--color-neutral-500);margin-top:var(--space-2)}.forgot-password-link{color:var(--color-dark);font-size:var(--font-size-sm);transition:color var(--transition-mouse) ease;text-decoration:underline}.forgot-password-link:hover{color:var(--color-brand-red)}
}

@layer components {
.portal .files-section-container{color:var(--color-text-primary);box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex}.portal .files-section-container h3{margin:0}.portal .files-section-container .files-browser{box-shadow:none}.portal .files-upload-section{color:var(--color-text-primary);box-shadow:none;background:0 0;border:none}.portal .files-upload-section h3{margin:0}.portal .upload-dropzone{border:var(--border-width) dashed var(--color-text-primary);text-align:center;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-mouse) ease, background-color var(--transition-mouse) ease;background:0 0}.portal .upload-dropzone:is(:hover,.dragover){border-color:var(--color-brand-red);background:var(--color-bg-elevated)}.portal .upload-dropzone p{margin:0 0 var(--space-2) 0;color:var(--color-text-primary)}.portal .upload-dropzone .dropzone-desktop{display:block}.portal .upload-dropzone .dropzone-mobile{display:none}@media (max-width:767px){.portal .upload-dropzone .dropzone-desktop{display:none}.portal .upload-dropzone .dropzone-mobile{display:block}}.portal .files-list-section{color:var(--color-text-primary);gap:var(--space-1-5);box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex}.portal .files-list-section h3{margin:0 0 var(--space-2) 0}.portal .files-browser{grid-template-columns:var(--files-folder-panel-width) 1fr;gap:var(--space-px);background:var(--portal-border);min-height:var(--files-browser-min-height);padding:0;display:grid;overflow:hidden}.portal .folder-tree{flex:1;overflow-y:auto}.portal .folder-item{align-items:center;gap:var(--icon-gap);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast) ease;font-size:var(--font-size-sm);margin-bottom:var(--space-px);display:flex}.portal .folder-item:hover{color:var(--color-text-primary);background:0 0}.portal .folder-item.is-active{color:var(--color-brand-red);border:var(--portal-border);background:0 0}.portal .folder-item svg{color:inherit;flex-shrink:0}.portal .files-panel{background:0 0;flex-direction:column;min-width:0;display:flex}.portal .files-panel-header{border-bottom:var(--portal-border);background:0 0;justify-content:space-between;align-items:center;display:flex}.portal .files-path{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.portal .files-panel .files-list{flex:1;overflow-y:auto}@media (max-width:767px){.portal .files-browser{grid-template-columns:1fr}.portal .folder-tree{gap:var(--space-1);flex-wrap:wrap;display:flex}.portal .folder-item{flex:none}}.portal .files-filter-bar{gap:var(--space-1-5);margin-bottom:var(--space-2);border-bottom:var(--portal-border);flex-direction:column;display:flex}.portal .files-filter-row{gap:var(--space-1-5);flex-wrap:wrap;align-items:flex-end;display:flex}.portal .files-filter-bar .form-input{font-size:var(--font-size-sm);border:var(--portal-input-border);color:var(--color-text-primary);height:var(--icon-btn-size-md);background:0 0}.portal .files-filter-bar .form-input:focus{border-color:var(--color-brand-red);outline:none}.portal .files-list{gap:var(--space-1);flex-direction:column;display:flex}.portal .file-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.portal :is(.files-upload-section,.files-list-section),.portal :is(.files-upload-section,.files-list-section)>div{box-shadow:none}.files-filter{margin-bottom:var(--space-2)}.files-header{margin-bottom:var(--space-4);border-bottom:var(--portal-border)}.files-header h1{margin-bottom:var(--space-1)}.files-dropzone{transition:border-color var(--transition-fast), background-color var(--transition-fast)}.dropzone{border-style:dashed;border-width:var(--border-width);border-color:var(--color-border-primary);justify-content:center;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-3) var(--content-gutter);text-align:center;cursor:pointer;transition:border-color var(--transition-fast);flex-direction:column;display:flex}.dropzone-text,.dropzone-hint{max-width:100%}.dropzone:hover,.dropzone.is-drag-active{border-color:var(--color-text-primary)}.dropzone.is-error{border-color:var(--color-error)}.dropzone.is-success{border-color:var(--color-text-primary)}.dropzone-content{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.dropzone-text{font-size:var(--font-size-xs)}.dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dropzone-actions{align-items:center;gap:var(--space-1,var(--space-1));display:flex}.dropzone .progress-bar-sm{width:100%;max-width:16rem}@media (max-width:767px){.dropzone{gap:var(--space-1);pointer-events:none;cursor:default}.dropzone button,.dropzone input{pointer-events:auto}.dropzone>.dropzone-content>.icon-lg,.dropzone .dropzone-text,.files-dropzone-content .files-upload-primary-text{display:none}.portal .upload-dropzone{padding:var(--space-2)}}.files-browser-layout{min-height:var(--files-browser-min-height);display:flex}.portal-files-sidebar{width:var(--portal-files-sidebar-width);border-right:var(--portal-border);flex-shrink:0;display:none}@media (min-width:768px){.portal-files-sidebar{display:block}}.portal-files-sidebar .folder-tree{gap:var(--space-0-5);flex-direction:column;display:flex}.files-content-area{flex-direction:column;flex:1;min-width:0;display:flex}.files-mobile-select{margin-bottom:var(--space-3);display:block}@media (min-width:768px){.files-mobile-select{display:none}}.file-cell-name{align-items:center;gap:var(--space-2);display:flex}.files-spinner{border-radius:var(--border-radius-full)}@media (max-width:767px){.folder-tree{max-height:var(--files-folder-tree-max-height)}}
}

@layer components {
.portal-dropdown-content{z-index:var(--z-index-50);min-width:var(--radix-dropdown-menu-trigger-width,var(--portal-dropdown-min-width));border:var(--dropdown-border-width) solid var(--dropdown-border-color);background-color:var(--color-bg-primary);box-shadow:none;color:var(--color-text-primary);font-size:var(--table-cell-font-size);width:var(--radix-dropdown-menu-trigger-width,var(--portal-dropdown-min-width));padding:0;overflow:hidden}.status-col .portal-dropdown-content{min-width:var(--status-dropdown-width);width:var(--status-dropdown-width);padding:0}td:has(.dropdown-trigger--status) .portal-dropdown-content{min-width:var(--status-dropdown-width);width:var(--status-dropdown-width);padding:0}.data-table .portal-dropdown-content:has(.status-indicator){min-width:var(--status-dropdown-width);width:var(--status-dropdown-width);padding:0}.portal-dropdown-content:has(.status-indicator){min-width:var(--status-dropdown-width);width:var(--status-dropdown-width);padding:0}.portal-dropdown-content[data-side=bottom]{border-top:none}.portal-dropdown-content[data-side=top]{border-bottom:none}.portal-dropdown-content--form{--dropdown-border-width:var(--border-width-thin);--dropdown-padding-x:var(--content-gutter)}.portal-dropdown-content:has(.status-indicator) .portal-dropdown-item{min-width:var(--status-dropdown-width);box-sizing:border-box;width:100%}.dropdown-trigger{align-items:center;gap:var(--dropdown-caret-gap);min-width:var(--portal-dropdown-min-width);display:inline-flex;position:relative}:is(.portal,.portal-modal) [aria-haspopup=menu]:not(.icon-btn):not(.notification-bell-btn){min-width:var(--portal-dropdown-min-width)}:is(.portal,.portal-modal) [aria-haspopup=menu]:not(.icon-btn):not(.notification-bell-btn) .badge{box-sizing:border-box;min-width:100%}.dropdown-caret{width:var(--dropdown-caret-size);height:var(--dropdown-caret-size);color:currentColor;transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}.dropdown-trigger:not(.dropdown-trigger--status):not(.icon-btn){padding-left:var(--dropdown-padding-x);padding-right:var(--dropdown-padding-x)}.dropdown-trigger[data-state=open] .dropdown-caret,.dropdown-trigger[data-state=open]>svg:last-child{transform:rotate(180deg)}.dropdown-trigger,.dropdown-trigger[data-state=open],.dropdown-trigger[data-state=closed]{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;font-family:inherit}.dropdown-trigger--status,.dropdown-trigger--status[data-state=open],.dropdown-trigger--status[data-state=closed]{font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;font-family:inherit}.dropdown-trigger--form{font-size:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit}:is(.btn,.btn-secondary,.btn-primary,.btn-outline).dropdown-trigger:hover{background:var(--portal-btn-hover-bg);color:var(--portal-btn-hover-color);border-color:var(--portal-btn-hover-border)}:is(.btn,.btn-secondary,.btn-primary,.btn-outline).dropdown-trigger:hover svg{color:inherit}.portal-dropdown-content[data-side=bottom]{margin-top:calc(-1 * var(--dropdown-border-width))}.portal-dropdown-content[data-side=top]{margin-bottom:calc(-1 * var(--dropdown-border-width))}.portal-dropdown-sub-content{z-index:var(--z-index-50);border:var(--dropdown-border-width) solid var(--dropdown-border-color);background-color:var(--color-bg-primary);min-width:8rem;box-shadow:none;padding:0;overflow:hidden}.dropdown-trigger,.dropdown-trigger--status,.dropdown-trigger--form,.portal-dropdown-item,.portal-dropdown-sub-trigger{text-transform:none}.dropdown-trigger--status{transition:border-color var(--transition-fast);border-color:#0000}.dropdown-trigger--status:hover,.dropdown-trigger--status[data-state=open]{border-color:var(--color-border-primary)}.dropdown-trigger[data-state=open],.dropdown-trigger--status[data-state=open],.dropdown-trigger--form[data-state=open]{transition:none}.dropdown-trigger,.dropdown-trigger--form{border-color:var(--color-border-primary);transition:border-color var(--transition-fast)}.dropdown-trigger:hover,.dropdown-trigger--form:hover,.dropdown-trigger[data-state=open],.dropdown-trigger--form[data-state=open]{border-color:var(--color-border-primary)}.dropdown-trigger[data-state=open],.dropdown-trigger--form[data-state=open]{border-bottom-color:#0000}.portal-dropdown-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--icon-gap);padding:var(--dropdown-padding-y) var(--dropdown-padding-x);transition:background-color var(--transition-faster);color:var(--color-text-primary);outline:none;display:flex;position:relative}.portal-dropdown-item .status-indicator{font-size:inherit}.portal-dropdown-item .badge{background:0 0;border:none;padding-left:0;padding-right:0}.status-col .portal-dropdown-item:has(.status-indicator){padding:var(--dropdown-padding-y) var(--dropdown-padding-x)}td:has(.dropdown-trigger--status) .portal-dropdown-item:has(.status-indicator){padding:var(--dropdown-padding-y) var(--dropdown-padding-x)}.data-table .portal-dropdown-item:has(.status-indicator){padding:var(--dropdown-padding-y) var(--dropdown-padding-x)}.status-col .portal-dropdown-item .status-indicator,.data-table .portal-dropdown-item .status-indicator{align-items:center;gap:var(--icon-gap);display:inline-flex}td:has(.dropdown-trigger--status) .portal-dropdown-item .status-indicator{align-items:center;gap:var(--icon-gap);display:inline-flex}.portal-dropdown-item:focus,.portal-dropdown-item:hover,.portal-dropdown-item[data-highlighted]{background-color:var(--color-bg-hover)}.portal-dropdown-item:focus-visible,.portal-dropdown-checkbox-item:focus-visible,.portal-dropdown-radio-item:focus-visible,.portal-dropdown-sub-trigger:focus-visible{box-shadow:none}.portal-dropdown-item[data-disabled]{pointer-events:none;opacity:var(--opacity-disabled)}.portal-dropdown-item.inset{padding-left:var(--space-8)}.portal-dropdown-item.destructive{color:var(--status-cancelled)}.portal-dropdown-item.destructive:focus,.portal-dropdown-item.destructive:hover{background-color:var(--color-error);color:var(--color-ink-on-fill)}.portal-dropdown-sub-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--dropdown-padding-y) var(--dropdown-padding-x);font-size:inherit;color:var(--color-text-primary);outline:none;align-items:center;display:flex}.portal-dropdown-sub-trigger:focus,.portal-dropdown-sub-trigger[data-state=open]{background-color:var(--color-bg-hover)}.portal-dropdown-sub-trigger.inset{padding-left:var(--space-8)}.portal-dropdown-sub-trigger .chevron-icon{width:1em;height:1em;margin-left:auto}.portal-dropdown-checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--dropdown-padding-y) var(--dropdown-padding-x) var(--dropdown-padding-y) var(--dropdown-indicator-inset);font-size:inherit;color:var(--color-text-primary);transition:background-color var(--transition-faster);outline:none;align-items:center;display:flex;position:relative}.portal-dropdown-checkbox-item:focus{background-color:var(--color-bg-hover)}.portal-dropdown-checkbox-item[data-disabled]{pointer-events:none;opacity:var(--opacity-disabled)}.portal-dropdown-checkbox-item .indicator-wrapper{left:var(--space-2);width:var(--icon-size-xs);height:var(--icon-size-xs);justify-content:center;align-items:center;display:flex;position:absolute}.portal-dropdown-checkbox-item .check-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.portal-dropdown-radio-item{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-1) var(--space-2) var(--space-1) var(--dropdown-indicator-inset);font-size:inherit;color:var(--color-text-primary);transition:background-color var(--transition-faster);outline:none;align-items:center;display:flex;position:relative}.portal-dropdown-radio-item:focus{background-color:var(--color-bg-hover)}.portal-dropdown-radio-item[data-disabled]{pointer-events:none;opacity:var(--opacity-disabled)}.portal-dropdown-radio-item .indicator-wrapper{left:var(--space-2);width:var(--icon-size-xs);height:var(--icon-size-xs);justify-content:center;align-items:center;display:flex;position:absolute}.portal-dropdown-radio-item .radio-dot{border-radius:var(--border-radius-full);background-color:currentColor;width:8px;height:8px}.portal-dropdown-label{padding:var(--space-1) var(--space-2);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-label)}.portal-dropdown-label.inset{padding-left:var(--space-7)}.portal-dropdown-separator{margin:var(--space-0-5) 0;background-color:var(--color-border-primary);height:1px}.portal-dropdown-shortcut{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-widest);color:var(--color-text-tertiary);margin-left:auto}
}

@layer components {
.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);text-align:center;box-sizing:border-box;white-space:nowrap;width:auto;min-width:fit-content;transition:opacity var(--transition-mouse) ease;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.status-badge:is(.status-active,.status-in_progress,.status-in-progress,.status-contacted){color:var(--status-active)}.status-badge:is(.status-new,.status-upcoming){color:var(--status-new)}.status-badge:is(.status-pending,.status-on_hold,.status-on-hold){color:var(--status-pending)}.status-badge:is(.status-completed,.status-converted,.status-replied){color:var(--status-completed)}.status-badge:is(.status-cancelled,.status-lost,.status-archived){color:var(--status-cancelled)}.status-badge:is(.status-qualified,.status-in-review){color:var(--status-qualified)}.status-badge:is(.status-read,.status-inactive){color:var(--status-inactive)}.status-badge.status-not-invited{color:var(--color-text-tertiary)}.status-badge.status-signed{color:var(--status-completed)}.status-badge.status-not-signed{color:var(--status-inactive)}.status-badge--danger{border-color:var(--color-error);color:var(--color-error)}.status-badge--muted{border-color:var(--color-text-tertiary);color:var(--color-text-tertiary)}.status-badge.status-healthy{border-color:var(--color-success);color:var(--color-success)}.status-badge.status-warning{border-color:var(--color-warning);color:var(--color-warning)}.status-badge.status-error{border-color:var(--color-error);color:var(--color-error)}.status-badge.status-unknown{border-color:var(--color-text-tertiary);color:var(--color-text-tertiary)}.status-badge.status-draft{border-color:var(--status-inactive);color:var(--status-inactive)}.status-badge:is(.status-sent,.status-viewed){border-color:var(--status-active);color:var(--status-active)}.status-badge.status-partial{border-color:var(--status-pending);color:var(--status-pending)}.status-badge.status-paid{border-color:var(--status-completed);color:var(--status-completed)}.status-badge.status-overdue{border-color:var(--status-cancelled);color:var(--status-cancelled)}.priority-indicator{fill:currentColor;stroke:currentColor;flex-shrink:0;width:1em;height:1em;transform:scaleX(-1)}.priority-indicator[data-priority=urgent]{color:var(--status-cancelled)}.priority-indicator[data-priority=high]{color:var(--status-pending)}.priority-indicator[data-priority=medium],.priority-indicator[data-priority=normal]{color:var(--status-active)}.priority-indicator[data-priority=low]{color:var(--color-text-tertiary)}.status-indicator{align-items:flex-start;gap:var(--icon-gap);font-size:inherit;color:inherit;white-space:nowrap;font-family:inherit;display:inline-flex}.status-indicator .status-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--border-radius-full);background-color:var(--color-text-tertiary);flex-shrink:0}.status-indicator .status-text{color:var(--color-text-primary)}.status-indicator:is(.status-new,.status-upcoming) .status-dot{background-color:var(--status-new)}.status-indicator:is(.status-pending,.status-on-hold) .status-dot{background-color:var(--status-pending)}.status-indicator:is(.status-active,.status-in-progress,.status-contacted) .status-dot{background-color:var(--status-active)}.status-indicator:is(.status-completed,.status-converted,.status-replied,.status-paid) .status-dot{background-color:var(--status-completed)}.status-indicator:is(.status-cancelled,.status-lost,.status-archived,.status-overdue) .status-dot{background-color:var(--status-cancelled)}.status-indicator.status-overdue{color:var(--status-cancelled)}.status-indicator.status-overdue .status-text{color:inherit}.dropdown-trigger--status:has(>.status-indicator.status-overdue){border-color:var(--status-cancelled);color:var(--status-cancelled)}.status-indicator:is(.status-qualified,.status-in-review) .status-dot{background-color:var(--status-qualified)}.status-indicator:is(.status-read,.status-inactive,.status-draft,.status-not-invited) .status-dot{background-color:var(--status-inactive)}.status-indicator:is(.status-sent,.status-viewed) .status-dot{background-color:var(--status-active)}.status-indicator.status-partial .status-dot{background-color:var(--status-pending)}.sidebar-badge{top:var(--space-0-5);right:var(--space-0-5);min-width:var(--icon-size-lg);height:var(--icon-size-lg);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:var(--icon-size-lg);text-align:center;border:var(--border-width) solid var(--color-brand-red);color:var(--color-brand-red);z-index:var(--z-index-elevated);background:0 0;display:none;position:absolute}.sidebar:not(.collapsed) .sidebar-badge{top:50%;right:var(--space-1);transform:translateY(-50%)}.sidebar.collapsed .sidebar-badge:not(.has-count){display:none}@media (max-width:1300px){.sidebar-badge:not(.has-count){display:none}}:is(.tag-badge,.category-badge){padding:var(--space-0-25) var(--space-0-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:var(--border-width) solid;background:0 0;display:inline-block}.dropdown-trigger--status{justify-content:flex-start;align-items:center;gap:var(--icon-gap);width:var(--status-dropdown-width);min-width:var(--status-dropdown-width);max-width:var(--status-dropdown-width);padding:var(--dropdown-padding-y) var(--dropdown-padding-x);border:var(--dropdown-border-width) solid var(--dropdown-trigger-resting-color);cursor:pointer;font:inherit;color:inherit;text-align:left;box-sizing:border-box;background:0 0;flex-direction:row;margin:0;display:inline-flex}.data-table td.status-col>.dropdown-trigger--status{margin-inline-start:calc(-1 * (var(--dropdown-padding-x) + var(--dropdown-border-width)))}.dropdown-trigger--status:focus{outline:none}.dropdown-trigger--status[data-state=open]{border-bottom-color:#0000}.dropdown-trigger--status>.status-indicator{flex:none;order:0}.dropdown-trigger--status>.dropdown-caret--status{width:var(--dropdown-caret-size);height:var(--dropdown-caret-size);color:currentColor;transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}[data-state=open]>.dropdown-caret--status{transform:rotate(180deg)}.status-dot{width:var(--status-dot-size);height:var(--status-dot-size);min-width:var(--status-dot-size);min-height:var(--status-dot-size);border-radius:var(--border-radius-full);background-color:var(--color-text-tertiary);flex-shrink:0;display:inline-block}
}

@layer components {
.kanban-board{min-height:var(--kanban-board-min-height);flex-direction:row;width:100%;padding:0;display:flex;overflow-x:auto}.kanban-column{min-width:var(--kanban-column-min-width);border-left:var(--portal-border);max-height:calc(100vh - var(--kanban-column-offset));box-shadow:none;background:0 0;flex-direction:column;flex:1 1 0;display:flex}.kanban-column:first-child{border-left:none}.kanban-column-header{border-bottom:var(--portal-border);background:0 0;justify-content:space-between;align-items:center;display:flex}.kanban-column-title{align-items:center;gap:var(--icon-gap-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);display:inline-flex}.kanban-column-count{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.kanban-column-content{gap:var(--space-2);min-height:var(--kanban-content-min-height);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kanban-card{cursor:grab;transition:border-color var(--transition-fast) ease;border:var(--portal-border);box-shadow:none;gap:var(--space-1);padding:var(--content-gutter);background:0 0;flex-direction:column;display:flex}.kanban-card:hover{border-color:var(--color-border-primary);transform:translateY(var(--hover-lift-sm))}.kanban-card.is-dragging{opacity:var(--opacity-muted);cursor:grabbing;transform:rotate(2deg)}.kanban-card-type{font-size:var(--label-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);align-items:center;gap:var(--icon-gap);display:flex}.kanban-card-type svg{width:1em;height:1em;opacity:var(--opacity-subtle)}.kanban-card-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-snug)}.kanban-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width:767px){.kanban-board{flex-direction:column}.kanban-column{flex:none;min-width:100%;max-height:none}}
}

@layer components {
@keyframes pulse{0%,to{opacity:var(--opacity-inactive)}50%{opacity:1}}@keyframes pulse-skeleton{0%,to{opacity:1}50%{opacity:var(--opacity-disabled)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-bounce{0%,80%,to{opacity:var(--opacity-inactive);transform:scale(.6)}40%{opacity:1;transform:scale(1)}}svg.lucide{stroke-width:var(--svg-stroke-width)}.portal .icon-decorative{width:var(--icon-size-2xl);height:var(--icon-size-2xl)}.portal :has(>.status-item){gap:var(--space-2)}.portal :has(>.meta-item){gap:var(--space-2)}.portal :has(>.form-field):not(.form-row,.form-row--three-col,.form-grid-2col,.grid-2col,.layout-stack,.layout-row,.layout-row-between,.layout-row-top,.layout-row-end,.invoice-line-row){gap:var(--space-1-5);flex-direction:column;display:flex}.portal :has(>.form-field)>.form-field{margin-bottom:0}.portal :has(>.badge):not([class*=flex]){gap:var(--badge-gap);flex-wrap:wrap;display:flex}.portal [class$=-list]:not(.activity-list):has(>[class$=-item]){gap:var(--space-1-5);flex-direction:column;display:flex}.portal .activity-list{flex-direction:column;display:flex}.portal :is([class$=-cards],[class$=-grid]):has(>[class$=-card]){gap:var(--space-2);flex-direction:column;display:flex}.portal :is(.lead-tab-section,.contract-tab-content){gap:var(--space-1-5);flex-direction:column;display:flex}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.portal :is([class$=-list],.activity-list,.files-list):not(.steps-list){list-style:none}.portal :is(.activity-list,.files-list)>li{color:var(--color-text-primary);background:0 0}.portal :is(.activity-list,.files-list,.activity-feed)>li.clickable{cursor:pointer;transition:background-color var(--transition-fast)}.portal :is(.activity-list,.files-list,.activity-feed)>li.clickable:hover{background:var(--color-bg-hover)}.portal :is(.activity-list,.files-list,.activity-feed)>li.clickable:focus-visible{outline:var(--focus-ring-width-thick) solid var(--color-brand-red);outline-offset:calc(-1 * var(--focus-ring-width-thick))}.portal .list-item{align-items:center;gap:var(--space-1-5);background:var(--color-bg-raised);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.portal .list-item:hover{background:var(--color-bg-elevated)}.w-full{width:100%}.min-w-0{min-width:0}.text-danger,a.text-danger,a.text-danger:visited{color:var(--color-error)}a.text-danger:hover{color:var(--color-error);opacity:var(--opacity-secondary)}.text-secondary{color:var(--color-text-secondary)}.subtext{margin-top:var(--space-0-5);color:var(--color-text-secondary)}.text-primary{color:var(--color-text-primary)}.text-accent{color:var(--color-brand-red)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.transition-colors{transition:color var(--transition-fast), background-color var(--transition-fast)}.transition-all{transition:all var(--transition-fast)}.border-bottom{border-bottom:var(--portal-border)}.border-top{border-top:var(--portal-border)}.icon-xs{width:.85em;height:.85em}.icon-sm{width:1em;height:1em}.icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.icon-xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.icon-2xl{width:var(--icon-size-2xl);height:var(--icon-size-2xl)}.icon-xs,.icon-sm,.icon-md,.icon-lg,.icon-xl,.icon-2xl{stroke-width:var(--svg-stroke-width);flex-shrink:0}.interactive{cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast)}.interactive:hover{color:var(--color-brand-red)}.disabled,[disabled],:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}
}

@layer components {
.meta-value-with-copy{vertical-align:middle;align-items:center;gap:.2em;line-height:1;display:inline-flex}.portal .copy-email-btn,.meta-value-with-copy .copy-email-btn,.portal .meta-value-with-copy .copy-email-btn{box-sizing:border-box;width:1.15em;min-width:1.15em;height:1.15em;min-height:1.15em;font-size:var(--font-size-sm);vertical-align:middle;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.portal .copy-email-btn svg,.meta-value-with-copy .copy-email-btn svg,.portal .meta-value-with-copy .copy-email-btn svg{width:.85em;height:.85em}.portal .copy-email-btn:hover,.meta-value-with-copy .copy-email-btn:hover{color:var(--color-brand-red)}.client-nav-link{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;text-decoration:none}.client-nav-link:hover{color:var(--color-brand-red);text-decoration:underline}.accordion-item-wrapper{border:var(--portal-border);flex-direction:column;display:flex}.accordion-item-trigger{align-items:center;gap:var(--space-1-5);cursor:pointer;color:var(--color-text-primary);transition:background-color var(--transition-fast);background:0 0;display:flex}.accordion-item-wrapper:has(>.accordion-item-trigger:hover){background:var(--color-bg-hover)}.accordion-item-trigger:hover{background:0 0}.accordion-item-wrapper:has(>.accordion-item-trigger:focus-visible){box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color,var(--color-brand-red))}.accordion-item-wrapper>.accordion-item-trigger:focus-visible{box-shadow:none}.accordion-item-caret{color:var(--color-text-primary);padding-left:var(--space-2);flex-shrink:0;margin-left:auto}.accordion-item-content{color:var(--color-text-primary)}.status-panel-refresh-icon{width:1rem;height:1rem}.status-panel-refresh-icon-spin{animation:spin var(--animation-spinner)}.status-section-title{margin-bottom:var(--space-4)}.perf-tab-list{border-bottom:none}.analytics-grid{gap:var(--space-6);grid-template-columns:1fr 3fr;display:grid}.analytics-main{gap:var(--space-4);flex-direction:column;display:flex}.analytics-query-card{margin-bottom:var(--space-2)}.analytics-query-header{justify-content:space-between;align-items:flex-start;display:flex}.analytics-query-content{flex:1}.analytics-query-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.analytics-query-date{font-size:var(--label-font-size);display:block}.analytics-trash-icon{width:.75rem;height:.75rem}.analytics-name-input{width:200px;font-size:var(--font-size-xs)}.analytics-editor-footer{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.analytics-hint{font-size:var(--label-font-size)}.analytics-action-icon{width:1rem;height:1rem}.analytics-results-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.analytics-results-stats{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);display:flex}.analytics-results-actions{align-items:center;gap:var(--space-2);display:flex}.analytics-table-container{overflow-x:auto}.analytics-pagination{font-size:var(--label-font-size);margin-top:var(--space-2);text-align:center}.analytics-chart-empty{height:16rem}.analytics-chart-icon{width:3rem;height:3rem;opacity:var(--opacity-faint)}.analytics-chart-hint{font-size:var(--label-font-size)}.portal .details-card{cursor:pointer}.portal .details-card-row{border:var(--portal-border);font-size:var(--font-size-sm);background:0 0;justify-content:space-between;align-items:center;display:flex}@media (max-width:767px){.portal .details-card summary{gap:var(--space-2)}.portal .details-card-grid{gap:var(--space-1)}}.portal :is(.notification-option-icon,.activity-icon){height:var(--icon-first-line-box);align-items:center}
}

@layer components {
.error-boundary-fallback{min-height:200px;padding:var(--portal-card-padding);background:var(--color-bg-secondary);border:var(--portal-border);justify-content:center;align-items:center;display:flex}.error-boundary-content{align-items:center;gap:var(--space-3);padding:var(--portal-card-padding);text-align:center;flex-direction:column;max-width:400px;display:flex}.error-boundary-icon{width:var(--icon-container-lg);height:var(--icon-container-lg);color:var(--color-warning)}.error-boundary-title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:none;letter-spacing:normal;margin:0}.error-boundary-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.error-boundary-details{width:100%;padding:var(--content-gutter);background:var(--color-bg-primary);border:var(--portal-border);font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs);color:var(--color-error);white-space:pre-wrap;word-break:break-word;text-align:left;margin:0;overflow-x:auto}:is(.error-boundary-retry,.mount-error-button){font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0}.error-boundary-retry{align-items:center;gap:var(--icon-gap-sm);display:inline-flex}.error-boundary-retry-icon{flex-shrink:0;width:1em;height:1em}.error-boundary-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.mount-error-container{text-align:center;color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.mount-error-message{margin-bottom:var(--space-4);color:var(--color-text-tertiary)}.mount-error-button{border:var(--border-width) solid currentColor;color:inherit;font-family:inherit}.mount-error-button:hover{background:var(--color-text-tertiary);color:var(--portal-bg)}.mount-error-button:focus-visible{outline:var(--focus-ring-width-thick) solid var(--color-brand-red);outline-offset:var(--focus-ring-offset-sm)}.react-portal-mount{min-height:var(--space-12);font-family:var(--font-mono);color:var(--color-text-primary);background:0 0}.portal .portal-card,.portal [class*=card]:not(.business-card):not(.row-hover-card){position:relative}.portal .loading-state,.portal .empty-state,.portal .error-state{min-height:var(--space-12);padding:clamp(var(--space-3), 3vw, var(--space-5))}.portal :is(.loading-state,.empty-state,.error-state)>p{max-width:46ch;margin-inline:auto}:is(.portal :has(>.empty-state):not(td):not(th):not(.panel):not(.data-table-card):not(:has(>:not(.empty-state):not(.loading-state):not(.error-state))),.portal :has(>.loading-state):not(td):not(th):not(.panel):not(.data-table-card):not(:has(>:not(.empty-state):not(.loading-state):not(.error-state))),.portal :has(>.error-state):not(td):not(th):not(.panel):not(.data-table-card):not(:has(>:not(.empty-state):not(.loading-state):not(.error-state)))){flex-direction:column;min-height:120px;display:flex}.portal .source-list{flex-direction:column;min-height:100px;display:flex}.portal .empty-state svg,.portal .loading-state svg,.portal .error-state svg,.portal .empty-icon svg{width:var(--icon-size-xl);height:var(--icon-size-xl);color:inherit;stroke:currentColor;margin:0}.portal .empty-state:not(td *):not(.data-table *):not(.data-table-card *):not(.card *):not(.portal-card *):not(.panel *),.portal .error-state:not(td *):not(.data-table *):not(.data-table-card *):not(.card *):not(.portal-card *):not(.panel *),.portal .loading-state:not(td *):not(.data-table *):not(.data-table-card *):not(.card *):not(.portal-card *):not(.panel *){border:var(--portal-border);padding:var(--space-3);min-height:120px}.portal .error-state-secondary{border-color:var(--color-border-primary)}
}

@layer components {
.progress-bar-sm{height:var(--progress-track-height);background:var(--portal-alpha-white-20);overflow:hidden}.progress-bar-sm .progress-fill{height:100%;transition:width var(--transition-normal)}.dropdown{background:var(--color-bg-primary);border:var(--border-width) solid var(--portal-alpha-white-30)}.badge{align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) var(--space-1-5);vertical-align:middle;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);border:var(--border-width) solid currentColor;background:0 0;border-radius:0;display:inline-flex}.table-row-selected{background:var(--portal-alpha-white-10)}.text-status-completed{color:var(--status-completed)}.text-status-active{color:var(--status-active)}.text-status-cancelled{color:var(--status-cancelled)}.card-drag-highlight{background:var(--portal-alpha-white-10);border-color:var(--color-text-primary)}
}

@layer components {
.panel-header-row,.panel-header-row--compact{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.panel-header-row{margin-bottom:var(--space-4)}.panel-header-row--compact{margin-bottom:var(--space-3)}.portal .tab-section>.panel-header-row .heading,.portal .tab-section>.panel-header-row--compact .heading{align-items:center;gap:var(--icon-gap);font-size:var(--heading-section-font-size);font-weight:var(--heading-section-font-weight);color:var(--heading-section-color);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-section-letter-spacing);margin:0;display:inline-flex}.portal .tab-section>:is(.panel-header-row,.panel-header-row--compact) .heading svg{flex-shrink:0;width:1em;height:1em}.portal-card-title-group{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.portal-card-status-group{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);text-transform:none;letter-spacing:normal;flex-shrink:0;display:flex}.portal-card-description{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}
}

@layer components {

}

@layer components {
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-content.is-active,.portal-tab-panel.is-active{animation:fadeIn var(--duration-medium) var(--easing-decelerated);display:block}.portal-tabs,.portal-subtabs,.tab-list,.view-toggle{gap:var(--space-2);border-bottom:none;margin-bottom:0;padding:0;display:flex;position:relative;overflow:visible}.view-toggle{display:inline-flex}.portal .dashboard-content .portal-subtabs,.section>.portal-tabs,.section>.portal-subtabs,.section>.tab-list{margin-bottom:0}.portal .dashboard-content .portal-subtabs{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.portal .dashboard-content .portal-subtabs::-webkit-scrollbar{display:none}:is(.portal-tabs button,.portal-subtabs button,.portal-tab,.portal-subtab,.tab,.tab-active,.view-toggle button){align-items:center;gap:var(--icon-gap);color:var(--color-text-primary);font-family:var(--portal-subtab-family);font-size:var(--portal-subtab-size);font-weight:var(--portal-subtab-weight);text-transform:var(--portal-subtab-transform);letter-spacing:var(--portal-subtab-spacing);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;margin-bottom:var(--space-neg-px);background:0 0;border:none;display:inline-flex;position:relative}:is(.portal-tabs button,.portal-tab){margin-bottom:0}:is(.portal-tabs button,.portal-subtabs button,.portal-tab,.portal-subtab,.tab,.view-toggle button):hover:not(.is-active):not(:disabled){color:var(--color-text-primary)}:is(.portal-tabs button,.portal-subtabs button,.portal-tab,.portal-subtab,.view-toggle button).is-active,.tab-active{color:var(--color-brand-red);border-bottom:var(--border-width) solid var(--color-brand-red);background:0 0}:is(.portal-tabs button,.portal-subtabs button,.portal-tab,.portal-subtab,.view-toggle button).is-active:hover,:is(.portal-tabs button,.portal-subtabs button,.portal-tab).is-active:focus,:is(.portal-tabs button,.portal-subtabs button,.portal-tab).is-active:active{color:var(--color-brand-red);background:0 0;outline:none}:is(.portal-tabs button,.portal-subtabs button,.portal-tab,.portal-subtab,.tab):focus-visible{box-shadow:none;border-bottom:var(--border-width) solid var(--color-brand-red);outline:none}.portal-tabs button.is-active:after,.portal-subtabs button.is-active:after{display:none}:is(.portal-tab--disabled,.portal-subtab--disabled,.portal-tab:disabled,.portal-subtab:disabled){cursor:not-allowed}:is(.view-toggle button):focus{outline:none}:is(.view-toggle button):focus-visible{outline:var(--focus-ring-width-thick) solid var(--color-brand-red);outline-offset:var(--focus-ring-offset-sm)}:is(.portal-tabs button,.portal-subtabs button,.portal-tab,.portal-tab-icon) svg{flex-shrink:0;width:1em;height:1em}:is(.view-toggle button) svg{width:1em;height:1em}.portal-tabs button .tab-icon{display:none}.portal-tab-panel{z-index:var(--z-index-content);box-shadow:none;background:0 0;margin-top:0;padding:0;display:none;position:relative}.portal-tab-panel.is-active,.tab-content-wrapper{display:block}.portal-subtab-content{display:none}.portal-subtab-content.is-active{display:block}.portal-tab-badge{min-width:var(--inline-pill-height);height:var(--inline-pill-height);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);justify-content:center;align-items:center;display:inline-flex}.portal-subtab-badge{min-width:var(--icon-size-md);height:var(--icon-size-md);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);justify-content:center;align-items:center;display:inline-flex}.portal-subtab.is-active .portal-subtab-badge{color:var(--color-text-primary)}@media (max-width:767px){.portal-tabs{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-bg-elevated) transparent;overscroll-behavior-x:contain;overflow-x:auto}.portal-tabs::-webkit-scrollbar{height:var(--progress-track-height)}.portal-tabs::-webkit-scrollbar-track{border-radius:var(--border-radius-xs);background:0 0}.portal-tabs::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--border-radius-xs)}.portal-tabs::-webkit-scrollbar-thumb:hover{background:var(--color-brand-red)}:is(.portal-tabs button,.portal-tab){font-size:var(--font-size-sm)}.portal-tab-panel.is-active,.portal-subtab-content.is-active{gap:var(--space-2)}}@media (max-width:600px){:is(.portal-tabs button,.portal-tab){font-size:var(--font-size-sm)}}@media (max-width:479px){:is(.portal-tabs button,.portal-tab,.portal-subtab,.view-toggle button){font-size:var(--font-size-xs)}:is(.view-toggle button) svg{width:1em;height:1em}.portal-tab-panel.is-active{gap:var(--space-2)}}
}

@layer components {
.confirm-dialog-content{padding:var(--content-gutter);flex:1}.confirm-dialog-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-0-5)}.confirm-dialog-footer{justify-content:flex-end;gap:var(--space-2);display:flex}.is-busy{opacity:var(--opacity-disabled)}
}

@layer components {
.portal-global-header .notification-bell-container{display:inline-flex;position:relative}.portal-global-header .notification-bell-btn{width:var(--portal-btn-icon-size);height:var(--portal-btn-icon-size);min-width:var(--portal-btn-icon-size);min-height:var(--portal-btn-icon-size);cursor:pointer;color:var(--color-text-primary);transition:color var(--transition-mouse) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex;position:relative}.portal-global-header .notification-bell-btn:hover{color:var(--color-brand-red);background:0 0}.portal-global-header .notification-bell-btn:focus{box-shadow:none;outline:none}.portal-global-header .notification-bell-btn:focus-visible{box-shadow:var(--focus-ring)}.portal-global-header .notification-bell-btn svg{width:var(--portal-btn-icon-inner-size);height:var(--portal-btn-icon-inner-size)}.notification-badge{top:var(--notification-badge-offset);right:var(--notification-badge-offset);min-width:var(--notification-badge-size);height:var(--notification-badge-size);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--notification-badge-size);text-align:center;color:var(--color-ink-on-fill);background:var(--color-error);pointer-events:none;position:absolute}.notification-dropdown{top:calc(100% + var(--notification-dropdown-gap));width:var(--notification-dropdown-width);max-height:var(--notification-dropdown-max-height);background:var(--color-bg-secondary);border:var(--portal-border);z-index:var(--z-index-portal-dropdown);font-family:var(--font-family-mono);flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.notification-header{padding:var(--content-gutter);border-bottom:var(--portal-border);justify-content:space-between;align-items:center;display:flex}.notification-dropdown-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin:0}.notification-header .btn-link{font-size:var(--font-size-xs);color:var(--color-text-tertiary);cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);background:0 0;border:none;padding:0;font-family:inherit}.notification-header .btn-link:hover{color:var(--color-text-primary)}.notification-list{max-height:var(--notification-list-max-height);flex:1;overflow-y:auto}.notification-empty{text-align:center;padding:var(--content-gutter);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.notification-item{align-items:flex-start;gap:var(--icon-gap);padding:var(--content-gutter);border-bottom:var(--portal-border);cursor:pointer;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-hover)}.notification-item.unread{border-left:var(--border-width) solid var(--color-brand-red)}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:var(--line-height-snug)}.notification-item-message{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-1) 0;line-height:var(--line-height-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-item-time{font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.notification-unread-dot{width:var(--notification-unread-dot-size);height:var(--notification-unread-dot-size);border-radius:var(--border-radius-full);background:var(--color-brand-red);margin-top:var(--space-1);flex-shrink:0}@media (max-width:400px){.notification-dropdown{width:100%;right:calc(-1 * var(--notification-dropdown-mobile-bleed));max-width:calc(100vw - calc(var(--notification-dropdown-mobile-bleed) * 2))}}
}