[data-button]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}[data-button]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[data-button]:disabled,[data-button][aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}[data-button].btn-sm{padding:var(--space-1-5) var(--space-2-5);font-size:var(--text-xs);line-height:var(--leading-tight)}[data-button].btn-md{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-tight)}[data-button].btn-lg{padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-tight)}[data-button].btn-icon{padding:var(--space-2)}[data-button].btn-full{width:100%}[data-button].btn-primary{background:var(--color-primary);color:var(--color-fg-inverse);box-shadow:var(--shadow-sm)}[data-button].btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-hover)}[data-button].btn-primary:active:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-active)}[data-button].btn-secondary{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border)}[data-button].btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-hover)}[data-button].btn-secondary:active:not(:disabled):not([aria-disabled=true]){background:var(--color-active)}[data-button].btn-danger{background:var(--color-error);color:var(--color-fg-inverse);box-shadow:var(--shadow-sm)}[data-button].btn-danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-error-hover)}[data-button].btn-ghost{background:transparent;color:var(--color-text)}[data-button].btn-ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-hover)}[data-button].btn-ghost:active:not(:disabled):not([aria-disabled=true]){background:var(--color-active)}[data-button].btn-link{background:transparent;color:var(--color-primary);padding:0;box-shadow:none}[data-button].btn-link:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-primary-hover);text-decoration:underline}.app-alert{display:block;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid transparent}.app-alert.variant-info{background:color-mix(in srgb,var(--color-info) 8%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-info) 20%,transparent)}.app-alert.variant-success{background:color-mix(in srgb,var(--color-success) 8%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-success) 20%,transparent)}.app-alert.variant-warning{background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-warning) 24%,transparent)}.app-alert.variant-error{background:color-mix(in srgb,var(--color-error) 8%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-error) 20%,transparent)}.app-alert-body{display:flex;gap:var(--space-3);align-items:flex-start}.app-alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:1px}.app-alert.variant-info .app-alert-icon{color:var(--color-info)}.app-alert.variant-success .app-alert-icon{color:var(--color-success)}.app-alert.variant-warning .app-alert-icon{color:var(--color-warning)}.app-alert.variant-error .app-alert-icon{color:var(--color-error)}.app-alert-content{flex:1;min-width:0}.app-alert-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.app-alert-message{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-fg-secondary)}.app-alert-action{margin-top:var(--space-3);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-border)}.app-alert-action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--avatar-bg, var(--color-primary));color:var(--avatar-color, var(--color-fg-inverse));box-shadow:inset 0 0 0 1px var(--avatar-ring, var(--color-overlay))}.avatar-image{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.avatar-image.is-hidden{display:none}.avatar-fallback{font-weight:var(--font-medium);line-height:1}.avatar-fallback.is-hidden{display:none}.avatar-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit;color:inherit}.avatar.avatar-6{width:var(--space-6);height:var(--space-6);font-size:var(--text-xs)}.avatar.avatar-8{width:var(--space-8);height:var(--space-8);font-size:var(--text-sm)}.avatar.avatar-10{width:var(--space-10);height:var(--space-10);font-size:var(--text-base)}.avatar.avatar-12{width:var(--space-12);height:var(--space-12);font-size:var(--text-lg)}.avatar.avatar-14{width:3.5rem;height:3.5rem;font-size:var(--text-xl)}.avatar.avatar-16{width:4rem;height:4rem;font-size:var(--text-2xl)}app-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1;color:inherit;vertical-align:middle;flex:none}app-icon svg{display:block;width:100%;height:100%;fill:currentColor}.login-error{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-error-subtle);font-size:var(--text-sm);color:var(--color-error)}.login-error.is-hidden,.login-loading.is-hidden,.login-text.is-hidden{display:none}.confirm-dialog{position:relative;z-index:var(--z-modal)}.confirm-dialog.is-hidden{display:none}.confirm-dialog-backdrop{position:fixed;inset:0;background:var(--color-overlay);transition:opacity var(--duration-normal) var(--ease-default)}.confirm-dialog-wrapper{position:fixed;inset:0;z-index:10;overflow-y:auto}.confirm-dialog-container{display:flex;min-height:100%;align-items:center;justify-content:center;padding:var(--space-4);text-align:center}.confirm-dialog-panel{position:relative;width:100%;max-width:32rem;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-xl),inset 0 0 0 1px var(--color-border);text-align:left;overflow:hidden}.confirm-dialog-content{display:flex;align-items:flex-start}.confirm-dialog-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-error-subtle)}.confirm-dialog-icon{font-size:var(--text-xl);color:var(--color-error)}.confirm-dialog-body{margin-left:var(--space-4);text-align:left}.confirm-dialog-title{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.confirm-dialog-message{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-fg-secondary)}.confirm-dialog-actions{display:flex;flex-direction:row-reverse;gap:var(--space-3);margin-top:var(--space-5)}app-form-field app-attachment-manager{display:block;margin-top:calc(-1 * var(--space-1))}.attachment-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--space-5)}.attachment-header.no-heading{margin-top:calc(-1 * var(--space-12));margin-bottom:var(--space-2)}.attachment-header-title{flex:1}.attachment-heading{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--color-fg)}.attachment-toggle-btn{border:none;border-radius:var(--radius-full);background:transparent;padding:var(--space-1-5);color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.attachment-toggle-btn:hover{background:var(--color-hover)}.attachment-upload-zone{margin-bottom:var(--space-4)}.attachment-drop-zone{position:relative;display:block;width:100%;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.attachment-drop-zone:hover{border-color:var(--color-border-strong)}.attachment-drop-zone.is-drag-active{border-color:var(--color-primary);background:var(--color-primary-subtle)}.attachment-drop-zone.is-uploading{background:var(--color-bg-muted)}.attachment-uploading{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) 0}.attachment-spinner{width:2rem;height:2rem;border:2px solid transparent;border-bottom-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.attachment-uploading-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-fg)}.attachment-upload-prompt{display:flex;align-items:center;gap:var(--space-4);text-align:left}.attachment-upload-icon-wrapper{flex-shrink:0;padding:var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-muted)}.attachment-upload-icon{font-size:var(--text-2xl);color:var(--color-fg-muted)}.attachment-upload-text{flex:1;min-width:0}.attachment-upload-title{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-fg)}.attachment-upload-subtitle{display:block;font-size:var(--text-xs);color:var(--color-fg-muted)}.attachment-browse-btn{display:inline-flex;align-items:center;border:none;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-fg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.attachment-browse-btn:hover{background:var(--color-hover)}.attachment-error{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-error) 10%,transparent)}.attachment-error-text{flex:1;margin:0;font-size:var(--text-sm);color:var(--color-error)}.attachment-error-dismiss{border:none;background:transparent;color:var(--color-error);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.attachment-error-dismiss:hover{opacity:.8}.attachment-list,[data-attachments-list]{display:flex;flex-direction:column;gap:var(--space-2)}.attachment-loading{display:flex;justify-content:center;padding:var(--space-4)}.attachment-empty{padding:var(--space-8);text-align:center}.attachment-empty-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-muted)}.attachment-empty-icon i{font-size:var(--text-3xl);color:var(--color-fg-muted)}.attachment-empty-text{font-size:var(--text-sm);color:var(--color-fg-muted)}.attachment-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-default)}.attachment-item:hover{background:var(--color-hover)}.attachment-item-icon{display:flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-muted)}.attachment-item-icon i{font-size:var(--text-lg)}.attachment-item-icon app-icon{font-size:var(--text-lg);color:var(--color-fg-muted)}.attachment-item-icon.attachment-item-icon-image app-icon{color:var(--color-accent5)}.attachment-item-icon.attachment-item-icon-pdf app-icon{color:var(--color-error)}.attachment-item-icon.attachment-item-icon-doc app-icon{color:var(--color-info)}.attachment-item-icon.attachment-item-icon-excel app-icon{color:var(--color-success)}.attachment-item-icon.attachment-item-icon-archive app-icon{color:var(--color-accent3)}.attachment-item-icon.attachment-item-icon-code app-icon{color:var(--color-accent6)}.attachment-item-icon.attachment-item-icon-audio app-icon{color:var(--color-accent1)}.attachment-item-icon.attachment-item-icon-video app-icon{color:var(--color-accent5)}.attachment-item-icon.attachment-item-icon-presentation app-icon{color:var(--color-warning)}.attachment-item-icon.attachment-item-icon-text app-icon{color:var(--color-fg-secondary)}.attachment-item-icon.attachment-item-icon-default app-icon{color:var(--color-fg-muted)}.attachment-item-info{flex:1;min-width:0}.attachment-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-fg)}.attachment-item-meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-fg-muted)}.attachment-item-actions{display:flex;align-items:center;gap:var(--space-1)}.attachment-action-btn{border:none;border-radius:var(--radius-default);background:transparent;padding:var(--space-1-5);color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.attachment-action-btn:hover{background:var(--color-hover);color:var(--color-fg)}.attachment-action-btn.is-delete:hover{color:var(--color-error)}.attachment-hidden{display:none}[data-action-menu]{position:relative;display:flex;justify-content:flex-end}.action-menu-trigger{display:flex;align-items:center;padding:var(--space-1);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.action-menu-trigger:hover{color:var(--color-fg-secondary)}.action-menu-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.action-menu-dropdown{position:fixed;width:10rem;border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--color-border);z-index:var(--z-dropdown)}.action-menu-list{padding:var(--space-1) 0}.action-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;transition:background var(--duration-fast) var(--ease-default)}.action-menu-item:hover,.action-menu-item:focus{background:var(--color-hover);outline:none}.action-menu-item i{color:var(--color-fg-muted)}.profile-dropdown{position:relative;display:block}.profile-dropdown-trigger{display:flex;width:100%;align-items:center;gap:var(--space-4);height:var(--action-bar-height);padding:0 var(--space-6);border:none;border-top:1px solid var(--color-border);background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-relaxed);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.profile-dropdown-trigger:hover{background:var(--color-hover)}.profile-dropdown-chevron{margin-left:auto;flex-shrink:0;color:var(--color-fg-muted);transition:transform var(--duration-fast) var(--ease-default)}.profile-dropdown-chevron.is-open{transform:rotate(180deg)}.profile-dropdown-panel{position:absolute;bottom:100%;left:0;z-index:var(--z-dropdown);width:100%;padding:var(--space-2) 0;border-top:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--color-border)}.profile-dropdown-panel.is-hidden{display:none}.profile-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);text-decoration:none;transition:background var(--duration-fast) var(--ease-default)}.profile-dropdown-item:hover{background:var(--color-hover)}.profile-dropdown-item i{color:var(--color-fg-muted)}.notification-center{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--space-6);pointer-events:none;z-index:var(--z-toast)}.notification-list{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4);width:100%}.notification-item{pointer-events:auto;width:100%;max-width:24rem;border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg),inset 0 0 0 1px var(--color-border);transition:transform var(--duration-normal) var(--ease-default),opacity var(--duration-normal) var(--ease-default)}.notification-content{padding:var(--space-4)}.notification-body{display:flex;align-items:flex-start}.notification-icon{flex-shrink:0;font-size:var(--text-xl);line-height:1;margin-top:1px}.notification-icon.icon-success{color:var(--color-success)}.notification-icon.icon-error{color:var(--color-error)}.notification-icon.icon-warning{color:var(--color-warning)}.notification-icon.icon-info{color:var(--color-info)}.notification-text{margin-left:var(--space-3);flex:1;min-width:0}.notification-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.notification-message{margin:0;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-fg-secondary)}.notification-dismiss{margin-left:var(--space-4);flex-shrink:0;display:inline-flex;padding:var(--space-1);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.notification-dismiss:hover{color:var(--color-text)}.notification-dismiss:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.notification-dismiss svg{width:1.25rem;height:1.25rem}.tooltip-bubble{position:fixed;pointer-events:none;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-tooltip-bg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-tooltip-fg);box-shadow:var(--shadow-lg);white-space:normal;word-break:break-words;overflow-wrap:anywhere;z-index:var(--z-tooltip)}.tooltip-trigger{display:inline-flex;align-items:center}.filter-popover{position:absolute;right:0;z-index:var(--z-dropdown);margin-top:var(--space-2);width:20rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-xl)}.filter-fields{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.filter-field-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-fg-secondary)}.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-bg-muted)}.filter-trigger-count{display:inline-flex;align-items:center;margin-left:var(--space-1);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-full);background:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-fg-inverse)}.filter-trigger-count.is-hidden{display:none}.filter-trigger-icon{color:var(--color-fg-muted)}.filter-tooltip{position:absolute;top:100%;left:50%;z-index:var(--z-tooltip);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);width:max-content;max-width:16rem;transform:translate(-50%);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-tooltip-bg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-tooltip-fg);box-shadow:var(--shadow-sm);pointer-events:none}.filter-tooltip-content{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);text-align:left}.filter-tooltip-label{font-weight:var(--font-medium);color:var(--color-fg-muted)}.filter-tooltip-value{font-weight:var(--font-semibold)}.filter-tooltip-arrow{position:absolute;left:50%;top:-7px;width:.75rem;height:.75rem;transform:translate(-50%) rotate(45deg);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);background:var(--color-tooltip-bg)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-muted);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text)}.filter-chip-separator{color:var(--color-fg-muted)}app-file-icon{display:inline-flex;align-items:center;justify-content:center}app-file-icon i{font-size:inherit}app-file-icon .file-image{color:var(--color-accent5)}app-file-icon .file-pdf{color:var(--color-error)}app-file-icon .file-doc{color:var(--color-info)}app-file-icon .file-excel{color:var(--color-success)}app-file-icon .file-archive{color:var(--color-accent3)}app-file-icon .file-code{color:var(--color-accent6)}app-file-icon .file-audio{color:var(--color-accent1)}app-file-icon .file-video{color:var(--color-accent5)}app-file-icon .file-presentation{color:var(--color-warning)}app-file-icon .file-text{color:var(--color-fg-secondary)}app-file-icon .file-default{color:var(--color-fg-muted)}.currency-wrapper{position:relative;border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-default)}.currency-wrapper:focus-within{box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--color-primary)}.currency-symbol{position:absolute;top:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;padding-left:var(--space-3);font-size:var(--text-sm);color:var(--color-fg-muted);pointer-events:none}.currency-input{display:block;width:100%;border:none;border-radius:var(--radius-md);background:transparent;padding:var(--space-1-5) var(--space-3);padding-left:var(--space-7);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg);text-align:right}.currency-input::placeholder{color:var(--color-fg-placeholder)}.currency-input:focus{outline:none}.currency-input.has-select{padding-right:var(--space-20)}.currency-input.single-currency{padding-right:var(--space-12)}.currency-selector{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:var(--space-1);pointer-events:auto}.currency-label{padding-right:var(--space-3);font-size:var(--text-sm);color:var(--color-fg-muted)}.currency-select{appearance:none;border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;background:transparent;padding:var(--space-1-5) var(--space-8) var(--space-1-5) var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg)}.currency-select:focus{outline:none}.currency-input[data-readonly=true]{cursor:default;opacity:1}.currency-select[data-readonly=true]{cursor:default;opacity:1;pointer-events:none}.currency-select option{background:var(--color-bg)}.currency-select-icon{position:absolute;right:var(--space-1);width:1rem;height:1rem;color:var(--color-fg-muted);pointer-events:none}.date-picker-wrapper{position:relative;width:100%}.date-picker-input-wrapper{position:relative}.date-picker-input{display:block;width:100%;cursor:pointer;border-radius:var(--radius-md);border:none;background:var(--color-bg);padding:var(--space-1-5) var(--space-10) var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-default)}.date-picker-input::placeholder{color:var(--color-fg-placeholder)}.date-picker-input:focus-visible{outline:none;box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--color-primary)}.date-picker-input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.date-picker-input[data-readonly=true]{cursor:default;opacity:1}.date-picker-icon{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:var(--space-3);color:var(--color-fg-muted);pointer-events:none}.date-picker-dropdown{position:absolute;z-index:var(--z-dropdown);margin-top:var(--space-2);width:18rem;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-4);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-subtle)}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.date-picker-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.date-picker-nav-btn:hover{background:var(--color-hover)}.date-picker-nav-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.date-picker-month-year{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-fg)}.date-picker-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2);text-align:center;font-size:var(--text-xs);color:var(--color-fg-muted)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.date-picker-day-cell{text-align:center}.date-picker-day-btn{width:2rem;height:2rem;border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-fg-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.date-picker-day-btn:hover:not(:disabled){background:var(--color-hover)}.date-picker-day-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.date-picker-day-btn.is-today{font-weight:var(--font-bold);color:var(--color-primary)}.date-picker-day-btn.is-selected{background:var(--color-primary);color:var(--color-bg)}.date-picker-day-btn.is-selected:hover{background:var(--color-primary-hover)}.date-picker-day-btn:disabled{cursor:not-allowed;color:var(--color-fg-disabled)}.text-input{display:block;width:100%;border:none;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-default)}.text-input::placeholder{color:var(--color-fg-placeholder)}.text-input:focus-visible{outline:none;box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--color-primary)}.text-input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.text-input[data-readonly=true]{cursor:default;opacity:1}.textarea-input{display:block;width:100%;border:none;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-default);resize:vertical}.textarea-input::placeholder{color:var(--color-fg-placeholder)}.textarea-input:focus-visible{outline:none;box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--color-primary)}.textarea-input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.textarea-input[data-readonly=true]{cursor:default;opacity:1}.select-wrapper{display:grid;grid-template-columns:1fr}.select-input{grid-column:1;grid-row:1;width:100%;appearance:none;border:none;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-1-5) var(--space-8) var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg);outline:1px solid var(--color-border);outline-offset:-1px;transition:outline var(--duration-fast) var(--ease-default)}.select-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.select-input:disabled{cursor:default;opacity:var(--opacity-disabled)}.select-input[data-readonly=true]{cursor:default;opacity:1;pointer-events:none}.select-input option{background:var(--color-bg);color:var(--color-fg);padding:var(--space-2)}.select-input option:checked{background:var(--color-primary);color:var(--color-bg)}.select-input option:hover{background:var(--color-hover)}.select-icon{grid-column:1;grid-row:1;align-self:center;justify-self:end;width:.75rem;height:.75rem;display:block;margin-right:var(--space-2);font-size:var(--text-xs);color:var(--color-fg-muted);pointer-events:none;fill:currentColor}.datetime-wrapper{position:relative;width:100%}.datetime-input{display:block;width:100%;border:none;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-1-5) var(--space-10) var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-default)}.datetime-input:focus-visible{outline:none;box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--color-primary)}.datetime-input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.datetime-input[data-readonly=true]{cursor:default;opacity:1}.datetime-icon{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:var(--space-3);color:var(--color-fg-muted);pointer-events:none}.combobox-container{position:relative}.combobox-wrapper{position:relative;border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-default)}.combobox-wrapper:focus-within{box-shadow:var(--shadow-sm),inset 0 0 0 2px var(--color-primary)}.combobox-input{display:block;width:100%;border:none;border-radius:var(--radius-md);background:transparent;padding:var(--space-1-5) var(--space-14) var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-fg)}.combobox-input::placeholder{color:var(--color-fg-placeholder)}.combobox-input:focus{outline:none}.combobox-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.combobox-input[data-readonly=true]{cursor:default;opacity:1}.combobox-btn{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding-right:var(--space-2);border:none;background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.combobox-btn:hover{color:var(--color-fg-secondary)}.combobox-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.combobox-btn:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.combobox-btn-clear{right:1.75rem}.combobox-btn-toggle{right:0}.combobox-btn-icon{width:1rem;height:1rem}.combobox-btn-icon svg{display:block;width:100%;height:100%;fill:currentColor}.combobox-link-tooltip{position:absolute;top:0;bottom:0;right:1.75rem;display:flex;align-items:center}.combobox-link-tooltip[hidden]{display:none!important}.combobox-link-btn{display:flex;align-items:center;padding-right:var(--space-2);border:none;background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.combobox-link-btn:hover:not(:disabled){color:var(--color-fg-secondary)}.combobox-link-btn:disabled{cursor:default}.combobox-dropdown{position:fixed;z-index:var(--z-dropdown);max-height:15rem;overflow:auto;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-1) 0;font-size:var(--text-sm);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-subtle)}.combobox-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-9) var(--space-2) var(--space-3);color:var(--color-fg);cursor:default;user-select:none}.combobox-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:0}.combobox-item.is-highlighted{background:var(--color-primary);color:var(--color-bg)}.combobox-empty{position:relative;padding:var(--space-2) var(--space-9) var(--space-2) var(--space-3);color:var(--color-fg-muted);cursor:default;user-select:none}.combobox-hidden{display:none}.table-input-heading{margin-bottom:var(--space-2)}.table-input-heading.is-tight{margin-top:calc(-1 * var(--space-5))}.table-input-label{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--color-fg)}.form-container{display:flex;flex-direction:column;gap:var(--space-8)}.form-error{color:var(--color-error)}.form-sections{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:5rem}.form-dirty-indicator{display:flex;flex:1;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-warning)}.form-dirty-indicator svg{width:1rem;height:1rem}.form-action-buttons{display:flex;gap:var(--space-2)}.form-spinner{animation:spin 1s linear infinite;margin-left:-.25rem;margin-right:var(--space-2);width:1rem;height:1rem;color:currentColor}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-table-disabled{opacity:.5;pointer-events:none}.form-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-section-content{padding:var(--space-5) var(--space-4)}@media (min-width: 640px){.form-section-content{padding:var(--space-6)}}.form-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.form-section-header.is-hidden{display:none}.form-section-title{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.5;color:var(--color-text)}.form-section-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-6)}@media (min-width: 640px){.form-section-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.form-actions{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);height:var(--action-bar-height);padding:0 var(--space-6);border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:blur(8px);box-shadow:0 -4px 6px -1px #0000001a}@media (min-width: 1024px){.form-actions{left:18rem}}.form-field{grid-column:span 1}@media (min-width: 640px){.form-field.col-span-1{grid-column:span 1}.form-field.col-span-2{grid-column:span 2}.form-field.col-span-3{grid-column:span 3}.form-field.col-span-4{grid-column:span 4}.form-field.col-span-5{grid-column:span 5}.form-field.col-span-6{grid-column:span 6}}.form-field-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.form-field-label.is-hidden{display:none}.form-field-label-required{color:var(--color-error)}.form-field-label-required.is-hidden{display:none}.form-field.form-field-dirty .form-field-label:after{content:"\2022";margin-left:var(--space-1);color:var(--color-warning)}.form-field.form-field-error .form-field-label:after{content:"\2022";margin-left:var(--space-1);color:var(--color-error)}.form-field-body{display:block}.form-field-body.has-margin{margin-top:var(--space-1)}.form-field-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error)}.form-field-error.is-hidden{display:none}.form-field.form-field-dirty .form-field-body [data-state-target],.form-field.form-field-dirty .form-field-body :is(input:not([type=hidden]),textarea,select):not([data-state-target] *){border-radius:var(--radius-md);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning) 60%,transparent)!important;background:color-mix(in srgb,var(--color-warning) 10%,transparent)!important}.form-field.form-field-error .form-field-body [data-state-target],.form-field.form-field-error .form-field-body :is(input:not([type=hidden]),textarea,select):not([data-state-target] *){border-radius:var(--radius-md);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error) 50%,transparent)!important;background:color-mix(in srgb,var(--color-error) 10%,transparent)!important}.form-field.form-field-highlight .form-field-body [data-state-target],.form-field.form-field-highlight .form-field-body :is(input:not([type=hidden]),textarea,select):not([data-state-target] *){box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 35%,transparent)}.table-card{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-sm)}.table-scroll{overflow-x:auto}.table-wrapper{display:inline-block;min-width:100%;vertical-align:middle}.data-table{min-width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background:transparent}.data-table th{padding:var(--space-3-5) var(--space-3);border-bottom:1px solid var(--color-border-strong);text-align:left;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.data-table th:first-child{padding-left:var(--space-4)}.data-table th:last-child{padding-right:var(--space-4)}.data-table th.col-actions{width:3rem}.data-table th.text-right{text-align:right}.data-table th.text-center{text-align:center}.data-table tbody{background:var(--color-bg)}.data-table td{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:var(--text-sm);color:var(--color-fg-secondary)}.data-table td:first-child{padding-left:var(--space-4);color:var(--color-text)}.data-table td:last-child{padding-right:var(--space-4)}.data-table td.col-actions{width:3rem}.data-table td.text-right{text-align:right}.data-table td.text-center{text-align:center}.data-table tr:last-child td{border-bottom:none}.data-table tr.row-clickable{cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.data-table tr.row-clickable:hover{background:var(--color-hover)}.skeleton-cell{height:1rem;width:6rem;border-radius:var(--radius-sm);background:var(--color-bg-muted);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.table-empty{padding:var(--space-12) 0;text-align:center}.table-empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.table-empty-icon{font-size:var(--text-4xl);color:var(--color-fg-muted)}.table-empty-text{color:var(--color-fg-secondary)}.table-empty-clear{padding:0;border:none;background:none;font-size:var(--text-sm);color:var(--color-primary);cursor:pointer}.table-empty-clear:hover{text-decoration:underline}.table-error{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-lg);background:var(--color-error-subtle)}.table-error-content{display:flex;align-items:center;justify-content:space-between}.table-error-message{display:flex;align-items:center;gap:var(--space-2);color:var(--color-error)}.table-error-message svg{width:1.25rem;height:1.25rem}.table-error-message span{font-weight:var(--font-medium)}.table-error-retry{padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background:none;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-error);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.table-error-retry:hover{color:var(--color-error-hover)}.table-error-retry:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.cell-multiline{display:flex;flex-direction:column}.cell-multiline-primary{color:var(--color-text)}.cell-multiline-secondary{font-size:var(--text-xs);color:var(--color-fg-secondary)}.cell-icon{display:inline-flex;align-items:center;gap:var(--space-2)}.cell-lookup-loading{color:var(--color-fg-muted);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cell-icon-wrap{display:flex;align-items:center;gap:var(--space-3)}.cell-icon-icon{flex-shrink:0;font-size:var(--text-lg);color:var(--color-fg-muted)}.cell-icon-text{min-width:0;flex:1}.cell-icon-primary{font-weight:var(--font-medium);color:var(--color-text)}.cell-icon-subtext{font-size:var(--text-sm);color:var(--color-fg-secondary)}.cell-multiline-primary{font-weight:var(--font-medium);color:var(--color-text)}.cell-multiline-subtext{font-size:var(--text-sm);color:var(--color-fg-secondary)}.sort-header-btn{display:inline-flex;align-items:center;padding:0;border:none;background:transparent;font:inherit;color:inherit;cursor:pointer}.sort-header-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sort-icon-wrap{display:flex;align-items:center;justify-content:center;margin-left:var(--space-2);padding:var(--space-0-5);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-default)}.sort-icon-wrap.is-inactive{visibility:hidden;color:var(--color-fg-muted)}.sort-header-btn:hover .sort-icon-wrap.is-inactive,.sort-header-btn:focus .sort-icon-wrap.is-inactive{visibility:visible}.sort-icon-wrap.is-active{background:var(--color-bg-muted);color:var(--color-text)}.sort-header-btn:hover .sort-icon-wrap.is-active{background:var(--color-hover)}.sort-icon{font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease-default)}.sort-icon.is-desc{transform:rotate(180deg)}.loading-row{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-cell{padding:var(--space-4) var(--space-3);white-space:nowrap;font-size:var(--text-sm);color:var(--color-fg-muted);border-bottom:1px solid var(--color-border)}.loading-cell:first-child{padding-left:var(--space-4)}.loading-cell:last-child{padding-right:var(--space-4)}.loading-cell.text-right{text-align:right}.loading-cell.text-center{text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state-cell{padding:var(--space-12) var(--space-3);text-align:center;white-space:nowrap;border-bottom:1px solid var(--color-border)}.empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon{margin-bottom:var(--space-3);font-size:1.875rem;color:var(--color-fg-muted)}.empty-state-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.empty-state-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-fg-secondary)}.empty-state-clear{margin-top:var(--space-4)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-top:1px solid var(--color-border);background:var(--color-bg)}.pagination-mobile{display:flex;flex:1;justify-content:space-between;padding:0 var(--space-4)}@media (min-width: 640px){.pagination-mobile{display:none}}.pagination-mobile-btn{position:relative;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.pagination-mobile-btn:hover:not(:disabled){background:var(--color-hover)}.pagination-mobile-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.pagination-desktop{display:none}@media (min-width: 640px){.pagination-desktop{display:flex;flex:1;align-items:center;justify-content:space-between}}.pagination-info{padding-left:var(--space-4);margin:0;font-size:var(--text-sm);color:var(--color-fg-secondary)}.pagination-info-bold{font-weight:var(--font-medium)}.pagination-nav{display:inline-flex;padding-right:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--color-bg)}.pagination-btn{position:relative;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border:none;background:var(--color-bg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-border);margin-left:-1px;transition:background var(--duration-fast) var(--ease-default)}.pagination-btn:first-child{margin-left:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.pagination-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.pagination-btn:hover:not(:disabled):not(.is-active){background:var(--color-hover);z-index:10}.pagination-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;z-index:20}.pagination-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.pagination-btn.is-active{background:var(--color-primary);color:var(--color-fg-inverse);z-index:10}.pagination-arrow{padding:var(--space-2);color:var(--color-fg-muted)}.pagination-arrow i{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.pagination-ellipsis{position:relative;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-fg-secondary);box-shadow:inset 0 0 0 1px var(--color-border);margin-left:-1px;cursor:default}.table-editor-scroll{overflow-x:auto}.table-editor-table{min-width:100%;table-layout:fixed}.table-editor-thead{border-bottom:1px solid var(--color-border)}.table-editor-th{padding:var(--space-3) var(--space-4) var(--space-3) 0;text-align:left;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.table-editor-th.is-first{padding-left:var(--space-3)}.table-editor-th.is-actions{position:relative;padding:var(--space-3) 0;text-align:right;width:48px}.table-editor-error{color:var(--color-error)}.table-editor-input{display:block;width:100%;padding:var(--space-1-5) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--text-sm);line-height:1.5;color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-default)}.table-editor-input::placeholder{color:var(--color-fg-muted)}.table-editor-input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary)}.table-editor-input:read-only{cursor:default}.table-editor-input:disabled{cursor:not-allowed;opacity:.5}.table-editor-select-wrap{display:grid;grid-template-columns:1fr}.table-editor-select{grid-column:1;grid-row:1;width:100%;appearance:none;padding:var(--space-1-5) var(--space-8) var(--space-1-5) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--text-sm);line-height:1.5;color:var(--color-text);outline:1px solid var(--color-border);outline-offset:-1px;transition:outline var(--duration-fast) var(--ease-default)}.table-editor-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.table-editor-select:disabled{cursor:default;opacity:1}.table-editor-select-icon{grid-column:1;grid-row:1;pointer-events:none;align-self:center;justify-self:end;margin-right:var(--space-2);font-size:var(--text-xs);color:var(--color-fg-muted)}.table-editor-input.is-dirty,.table-editor-select.is-dirty{box-shadow:inset 0 0 0 1px var(--color-border),0 0 0 2px color-mix(in srgb,var(--color-warning) 60%,transparent);background:color-mix(in srgb,var(--color-warning) 10%,transparent)}app-input-combobox.is-dirty .combobox-wrapper,app-input-currency.is-dirty .currency-wrapper,app-input-date.is-dirty .date-picker-input{box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border),0 0 0 2px color-mix(in srgb,var(--color-warning) 60%,transparent);background:color-mix(in srgb,var(--color-warning) 10%,transparent)}.table-editor-cell{padding:var(--space-2) var(--space-4) var(--space-2) 0;white-space:nowrap;font-size:var(--text-sm);color:var(--color-fg-secondary)}.table-editor-cell.is-first{padding-left:var(--space-2)}.table-editor-cell.is-action{position:relative;padding:var(--space-2) 0;text-align:right;font-weight:var(--font-medium)}.table-editor-add-btn{color:var(--color-primary)}.table-editor-add-btn:hover{color:var(--color-primary-hover)}.table-editor-empty{padding:var(--space-8);text-align:center;color:var(--color-fg-secondary)}.table-editor-empty-btn{margin-top:var(--space-3)}.table-editor-remove-btn{color:var(--color-error)}.table-editor-remove-btn:hover{color:var(--color-error-hover)}app-report-stat{display:block;width:100%;min-width:0;container-type:inline-size}.stat-card{--stat-icon-size: 3rem;display:flex;align-items:center;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-5);transition:border-color .15s ease,box-shadow .15s ease;width:100%;min-width:0}.stat-card:hover{border-color:var(--color-border-strong);box-shadow:0 1px 3px #0000000a}.stat-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--stat-icon-size);height:var(--stat-icon-size);border-radius:var(--radius-lg);background:var(--stat-icon-bg, var(--color-primary-subtle))}.stat-icon{font-size:1.25rem;color:var(--stat-icon-color, var(--color-primary))}.stat-content{margin-left:var(--space-4);flex:1;min-width:0}.stat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-fg-muted);margin:0 0 var(--space-1)}.stat-value{font-size:clamp(1.25rem,2.5cqi,1.75rem);font-weight:var(--font-semibold);color:var(--color-text);line-height:1.25;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);overflow:hidden;text-overflow:ellipsis}.stat-trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);padding:.125rem var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-2)}.stat-trend.positive{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.stat-trend.negative{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent)}.stat-trend.neutral{color:var(--color-fg-muted);background:var(--color-bg-subtle)}.stat-trend-icon{font-size:.625rem}.stat-description{font-size:var(--text-xs);color:var(--color-fg-muted);margin-top:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.stat-card.compact{--stat-icon-size: 2.25rem;padding:var(--space-3)}.stat-card.compact .stat-icon-wrap{width:var(--stat-icon-size);height:var(--stat-icon-size)}.stat-card.compact .stat-icon{font-size:1rem}.stat-card.compact .stat-content{margin-left:var(--space-3)}.stat-card.compact .stat-label{font-size:var(--text-xs)}.stat-card.compact .stat-value{font-size:1.125rem}@media (max-width: 640px){.stat-card{--stat-icon-size: 2.5rem;padding:var(--space-4)}.stat-value{font-size:1.25rem;flex-wrap:nowrap;gap:var(--space-1)}.stat-icon-wrap{width:var(--stat-icon-size);height:var(--stat-icon-size)}.stat-icon{font-size:1.125rem}}@container (max-width: 18rem){.stat-card{--stat-icon-size: 2.25rem;padding:var(--space-3)}.stat-content{margin-left:var(--space-3)}.stat-icon-wrap{width:var(--stat-icon-size);height:var(--stat-icon-size)}.stat-icon{font-size:1rem}.stat-label{font-size:var(--text-xs)}.stat-value{font-size:1.125rem;flex-wrap:nowrap;gap:var(--space-1)}.stat-trend{font-size:.625rem;padding:.0625rem var(--space-1)}}@container (min-width: 28rem){.stat-card{--stat-icon-size: 3.5rem;padding:var(--space-6)}.stat-icon-wrap{width:var(--stat-icon-size);height:var(--stat-icon-size)}.stat-icon{font-size:1.5rem}.stat-value{font-size:2rem}}.report-table-card{overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-sm)}.report-table-header{border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.report-table-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.report-table-chart-wrap{display:flex;justify-content:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.report-table{min-width:100%;border-collapse:separate;border-spacing:0}.report-table thead{background:var(--color-bg-muted)}.report-table th{padding:var(--space-3) var(--space-6);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-secondary)}.report-table th.is-color{width:2rem;padding-left:var(--space-6);padding-right:0}.report-table tbody tr{border-top:1px solid var(--color-border)}.report-table tbody tr:first-child{border-top:none}.report-table tbody tr.is-even{background:var(--color-bg)}.report-table tbody tr.is-odd{background:var(--color-hover)}.report-table td{white-space:nowrap;padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--color-fg-secondary)}.report-table td.is-color{width:2rem;padding-left:var(--space-6);padding-right:0}.report-table td.is-primary{font-weight:var(--font-medium);color:var(--color-text)}.report-table-empty{padding:var(--space-6) var(--space-6) var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--color-fg-secondary)}.report-table-color-dot{display:inline-block;width:.625rem;height:.625rem;border-radius:var(--radius-sm)}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.chart-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.chart-title{margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.chart-container{position:relative;width:100%}.chart-container-minimal{position:relative;width:100%;height:100%}.report-container{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.report-section-grid{display:grid}.report-section-flex{display:flex;flex-wrap:wrap}.report-cols-1,.report-cols-2,.report-cols-3,.report-cols-4,.report-cols-5,.report-cols-6{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.report-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.report-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.report-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.report-cols-5,.report-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.report-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.report-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.report-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.report-gap-0{gap:0}.report-gap-1{gap:var(--space-1)}.report-gap-2{gap:var(--space-2)}.report-gap-3{gap:var(--space-3)}.report-gap-4{gap:var(--space-4)}.report-gap-5{gap:var(--space-5)}.report-gap-6{gap:var(--space-6)}.report-gap-8{gap:var(--space-8)}.report-gap-10{gap:var(--space-10)}.report-gap-12{gap:var(--space-12)}.report-stat-item{flex:1;min-width:12rem}.tabs-empty-border{height:0;margin-top:var(--space-6);margin-inline:calc(-1 * var(--space-4));border-bottom:.5px solid var(--color-border)}@media (min-width: 640px){.tabs-empty-border{margin-inline:calc(-1 * var(--space-6));padding-inline:var(--space-6)}}@media (min-width: 1024px){.tabs-empty-border{margin-inline:calc(-1 * var(--space-8));padding-inline:var(--space-8)}}.tabs-mobile{display:block}@media (min-width: 640px){.tabs-mobile{display:none}}.tabs-mobile-select-wrap{display:grid;grid-template-columns:1fr}.tabs-mobile-select{grid-column:1;grid-row:1;width:100%;appearance:none;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text);outline:1px solid var(--color-border);outline-offset:-1px}.tabs-mobile-select:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.tabs-mobile-select option{background:var(--color-bg)}.tabs-mobile-icon{grid-column:1;grid-row:1;pointer-events:none;align-self:center;justify-self:end;margin-right:var(--space-2);width:1.25rem;height:1.25rem;color:var(--color-fg-secondary)}@media (min-width: 640px){.tabs-mobile-icon{width:1rem;height:1rem}}.tabs-desktop{display:none}@media (min-width: 640px){.tabs-desktop{display:block}}.tabs-desktop-border{margin-inline:calc(-1 * var(--space-4));border-bottom:1px solid var(--color-border);padding-inline:var(--space-4)}@media (min-width: 640px){.tabs-desktop-border{margin-inline:calc(-1 * var(--space-6));padding-inline:var(--space-6)}}@media (min-width: 1024px){.tabs-desktop-border{margin-inline:calc(-1 * var(--space-8));padding-inline:var(--space-8)}}.tabs-desktop-nav{display:flex;gap:var(--space-8);margin-bottom:-1px}.tabs-desktop-link{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-1);border-bottom:2px solid transparent;font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.tabs-desktop-link.is-active{border-color:var(--color-primary);color:var(--color-primary)}.tabs-desktop-link.is-inactive{color:var(--color-fg-secondary)}.tabs-desktop-link.is-inactive:hover{border-color:var(--color-border-strong);color:var(--color-text)}.tabs-desktop-icon{margin-left:-.125rem;margin-right:var(--space-2);width:1.25rem;height:1.25rem;transform:translateY(.25rem)}.tabs-desktop-link.is-active .tabs-desktop-icon{color:var(--color-primary)}.tabs-desktop-link.is-inactive .tabs-desktop-icon{color:var(--color-fg-muted)}.tabs-desktop-link.is-inactive:hover .tabs-desktop-icon{color:var(--color-fg-secondary)}.page-header{position:relative;background:var(--color-bg);padding:var(--space-4)}@media (min-width: 640px){.page-header{padding-inline:var(--space-6)}}@media (min-width: 1024px){.page-header{padding-inline:var(--space-8)}}.page-header-breadcrumbs{margin-bottom:var(--space-2)}.page-header-breadcrumbs-list{display:flex;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--color-fg-secondary)}.page-header-breadcrumb-item{display:inline-flex;align-items:center}.page-header-breadcrumb-link{color:var(--color-fg-secondary);text-decoration:none}.page-header-breadcrumb-link:hover,.page-header-breadcrumb-link.is-current{color:var(--color-text)}.page-header-breadcrumb-sep{margin-inline:var(--space-2);font-size:var(--text-xs);color:var(--color-fg-muted)}.page-header-back-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-fg-secondary);text-decoration:none}.page-header-back-link:hover{color:var(--color-text)}@media (min-width: 640px){.page-header-mobile-back{display:none}.page-header-desktop-crumbs{display:contents}}@media (max-width: 639px){.page-header-mobile-back{display:block}.page-header-desktop-crumbs{display:none}}.page-header-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:0}.page-header.has-tabs .page-header-title-row{margin-bottom:var(--space-2)}.page-header-title-wrap{min-width:0}.page-header-title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header-actions{display:flex;align-items:center;gap:var(--space-2)}.page-header-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.page-header-action-btn.is-primary{background:var(--color-primary);color:var(--color-fg-inverse);box-shadow:var(--shadow-sm)}.page-header-action-btn.is-primary:hover{background:var(--color-primary-hover)}.page-header-action-btn.is-secondary{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-border)}.page-header-action-btn.is-secondary:hover{background:var(--color-hover)}.app-sidebar-mobile-nav{position:relative;z-index:var(--z-modal)}.app-sidebar-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--color-bg-inverse) 80%,transparent);transition:opacity var(--duration-slow) ease-out}.app-sidebar-overlay.is-hidden{opacity:0}.app-sidebar-overlay.is-visible{opacity:1}.app-sidebar-mobile-panel-container{position:fixed;inset:0;display:flex}.app-sidebar-mobile-panel{position:relative;display:flex;flex:1;flex-direction:column;width:100%;max-width:20rem;margin-right:4rem;transition:transform var(--duration-slow) ease-in-out}.app-sidebar-mobile-panel.is-hidden{transform:translate(-100%)}.app-sidebar-mobile-panel.is-visible{transform:translate(0)}.app-sidebar-close-btn-wrap{position:absolute;left:100%;top:0;display:flex;justify-content:center;width:4rem;padding-top:var(--space-5)}.app-sidebar-close-btn{margin:calc(-1 * var(--space-2-5));padding:var(--space-2-5);border:none;background:transparent;color:var(--color-fg-inverse);cursor:pointer}.app-sidebar-close-btn svg{width:1.5rem;height:1.5rem}.app-sidebar-mobile-content{display:flex;flex:1;flex-direction:column;gap:var(--space-5);overflow-y:auto;background:var(--color-bg);padding:var(--space-6) var(--space-6) var(--space-2)}.app-sidebar-logo{display:flex;height:4rem;flex-shrink:0;align-items:center;justify-content:center;gap:var(--space-2)}.app-sidebar-desktop{display:none}@media (min-width: 1024px){.app-sidebar-desktop{position:fixed;inset-block:0;left:0;z-index:var(--z-dropdown);display:flex;flex-direction:column;width:18rem}}.app-sidebar-desktop-inner{display:flex;flex:1;flex-direction:column;gap:var(--space-5);overflow-y:auto;border-right:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-6) var(--space-6) var(--space-4)}.app-sidebar-profile-wrap{margin-top:auto;margin-inline:calc(-1 * var(--space-6));margin-bottom:calc(-1 * var(--space-4))}.vertical-nav{display:flex;flex:1;flex-direction:column}.vertical-nav-list{display:flex;flex:1;flex-direction:column;gap:var(--space-7);margin:0;padding:0;list-style:none}.vertical-nav-group{margin-inline:calc(-1 * var(--space-2))}.vertical-nav-group-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.vertical-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.5;text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.vertical-nav-link.is-active{background:var(--color-bg-muted);color:var(--color-primary)}.vertical-nav-link.is-inactive{color:var(--color-fg-secondary)}.vertical-nav-link.is-inactive:hover{background:var(--color-bg-muted);color:var(--color-primary)}.vertical-nav-link-icon{flex-shrink:0;width:1.5rem;height:1.5rem;font-size:var(--text-lg);text-align:center;transition:color var(--duration-fast) var(--ease-default)}.vertical-nav-link.is-active .vertical-nav-link-icon{color:var(--color-primary)}.vertical-nav-link.is-inactive .vertical-nav-link-icon{color:var(--color-fg-muted)}.vertical-nav-link.is-inactive:hover .vertical-nav-link-icon{color:var(--color-primary)}.page{position:relative;display:flex;flex:1;flex-direction:column;width:100%}.page-main{flex:1;padding-block:var(--space-6)}.page-content{height:100%;padding-inline:var(--space-4)}@media (min-width: 640px){.page-content{padding-inline:var(--space-6)}}@media (min-width: 1024px){.page-content{padding-inline:var(--space-8)}}.page-sections{height:100%}.chat-input-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-dropdown);border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:blur(8px);padding:11px var(--space-6);box-shadow:0 -4px 6px -1px #0000001a}@media (min-width: 1024px){.chat-input-bar{left:18rem}}.chat-input-wrap{position:relative}.chat-input{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-2) 2.75rem var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text)}.chat-input::placeholder{color:var(--color-fg-placeholder)}.chat-input:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary);border-color:transparent}.chat-send-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-primary);background:none;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.chat-send-btn:hover{color:var(--color-primary-hover)}.chat-empty{text-align:center;padding:var(--space-12) 0}.chat-empty-icon{width:4rem;height:4rem;border-radius:9999px;background:var(--color-primary-subtle);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.chat-empty-icon i{font-size:1.5rem;color:var(--color-primary)}.chat-empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.chat-empty-text{color:var(--color-fg-secondary);font-size:var(--text-sm);max-width:24rem;margin:0 auto var(--space-6)}.chat-list-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.chat-list-header i{color:var(--color-primary)}.chat-list-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.chat-list-grid{display:grid;gap:var(--space-3)}@media (min-width: 640px){.chat-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.chat-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chat-list-item{display:block;text-align:left;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.chat-list-item:hover{border-color:var(--color-primary);background:var(--color-hover)}.chat-list-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.chat-list-item-title{font-weight:var(--font-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-item-time{font-size:var(--text-xs);color:var(--color-fg-muted);white-space:nowrap}.chat-list-item-preview{font-size:var(--text-sm);color:var(--color-fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-messages{display:flex;flex-direction:column;gap:var(--space-6);max-width:48rem}.chat-message{display:flex;gap:var(--space-3)}.chat-message-avatar{flex-shrink:0}.chat-message-avatar-assistant{background:linear-gradient(135deg,var(--color-accent5),var(--color-accent6))}.chat-message-content{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.chat-message-name{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-text)}.chat-message-time{font-size:var(--text-xs);color:var(--color-fg-muted)}.chat-message-text{font-size:var(--text-sm);color:var(--color-fg-secondary);white-space:pre-wrap}.chat-message-prose{font-size:var(--text-sm);color:var(--color-fg-secondary)}.chat-loading{display:flex;justify-content:center;padding:var(--space-8) 0}.chat-spinner{width:2rem;height:2rem;border-radius:9999px;border:2px solid transparent;border-bottom-color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-typing{display:flex;align-items:center;gap:.375rem;color:var(--color-fg-muted)}.chat-typing-dot{width:.5rem;height:.5rem;background:var(--color-fg-muted);border-radius:9999px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chat-bottom-padding{padding-bottom:5rem}app-mail-compose-attachments .mail-attachments-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-fg)}app-mail-compose-attachments .mail-drop-zone{margin-top:.25rem;display:flex;justify-content:center;border-radius:.5rem;border:2px dashed var(--color-border);padding:1.25rem 1.5rem;transition:all .15s ease-in-out;cursor:pointer;background-color:color-mix(in srgb,var(--color-bg) 96%,var(--color-border) 4%)}app-mail-compose-attachments .mail-drop-zone:hover{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-bg) 92%,var(--color-primary) 8%)}app-mail-compose-attachments .mail-drop-zone.is-drag-active{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-bg) 82%,var(--color-primary) 18%)}app-mail-compose-attachments .mail-drop-zone-content{display:flex;flex-direction:column;gap:.25rem;text-align:center}app-mail-compose-attachments .mail-drop-zone-icon{font-size:1.875rem;color:var(--color-fg-placeholder);margin-bottom:.5rem}app-mail-compose-attachments .mail-drop-zone-text{display:flex;justify-content:center;font-size:.875rem;color:var(--color-fg-secondary)}app-mail-compose-attachments .mail-drop-zone-upload{position:relative;cursor:pointer;border-radius:.375rem;font-weight:500;color:var(--color-primary);transition:color .15s ease-in-out}app-mail-compose-attachments .mail-drop-zone-upload:hover{color:var(--color-primary-hover)}app-mail-compose-attachments .mail-drop-zone-upload:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:2px}app-mail-compose-attachments .mail-file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}app-mail-compose-attachments .mail-drop-zone-hint{font-size:.75rem;color:var(--color-fg-muted)}app-mail-compose-attachments .mail-file-list{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 640px){app-mail-compose-attachments .mail-file-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){app-mail-compose-attachments .mail-file-list{grid-template-columns:repeat(3,1fr)}}app-mail-compose-attachments .mail-file-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:color-mix(in srgb,var(--color-bg) 97%,var(--color-border) 3%);border:1px solid var(--color-border);border-radius:.5rem;transition:background-color .15s ease-in-out}app-mail-compose-attachments .mail-file-card:hover{background-color:color-mix(in srgb,var(--color-bg) 92%,var(--color-primary) 8%)}app-mail-compose-attachments .mail-file-icon-wrapper{display:flex;height:2.5rem;width:2.5rem;flex:none;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--color-bg);border:1px solid var(--color-border-subtle)}app-mail-compose-attachments .mail-file-card:hover .mail-file-icon-wrapper{background-color:var(--color-bg-elevated)}app-mail-compose-attachments .mail-file-icon{font-size:1.125rem}app-mail-compose-attachments .mail-file-details{min-width:0;flex:1}app-mail-compose-attachments .mail-file-name{font-size:.875rem;font-weight:600;color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}app-mail-compose-attachments .mail-file-size{font-size:.75rem;color:var(--color-fg-muted);margin:.125rem 0 0}app-mail-compose-attachments .mail-file-remove-button{border-radius:.25rem;padding:.375rem;color:var(--color-fg-placeholder);background:none;border:none;cursor:pointer;opacity:0;transition:all .15s ease-in-out}app-mail-compose-attachments .mail-file-card:hover .mail-file-remove-button,app-mail-compose-attachments .mail-file-remove-button:focus{opacity:1}app-mail-compose-attachments .mail-file-remove-button:hover{background-color:var(--color-bg);color:var(--color-error)}app-recipient-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;width:100%;position:relative;min-height:2rem}.recipient-chip{cursor:default;font-size:.8125rem;transition:all var(--duration-fast)}.chip-resolving{opacity:.65;font-style:italic}.recipient-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:none;border:none;border-radius:50%;cursor:pointer;color:inherit;padding:0;opacity:.55;transition:opacity var(--duration-fast);flex-shrink:0}.recipient-chip-remove:hover{opacity:1}.to-input{flex:1;min-width:140px;border:none;background:transparent;padding:.25rem 0;font-size:.875rem;color:var(--color-fg);outline:none;font-family:inherit}.to-input::placeholder{color:var(--color-fg-placeholder)}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:9999;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.625rem;box-shadow:0 4px 6px -1px #00000014,0 12px 28px -4px #0000001f;min-width:280px;max-width:380px;max-height:300px;overflow-y:auto;display:none}.suggestions-dropdown.open{display:block}.suggestion-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--color-border)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item[aria-selected=true]{background:var(--color-hover)}.suggestion-avatar{display:inline-flex;flex-shrink:0}.suggestion-info{display:flex;flex-direction:column;min-width:0;flex:1}.suggestion-name{font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-email{font-size:.75rem;color:var(--color-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-empty{padding:.75rem .875rem;font-size:.8125rem;color:var(--color-fg-muted);text-align:center}.suggestion-loading{padding:.75rem .875rem;font-size:.8125rem;color:var(--color-fg-muted);display:flex;align-items:center;justify-content:center;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);white-space:nowrap}.badge.pill{border-radius:var(--radius-full);padding-left:var(--space-2-5);padding-right:var(--space-2-5)}.badge.badge-primary{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.badge.badge-success{background:var(--color-success-subtle);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.badge.badge-error{background:var(--color-error-subtle);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent)}.badge.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent)}.badge.badge-info{background:var(--color-info-subtle);color:var(--color-info);border:1px solid color-mix(in srgb,var(--color-info) 30%,transparent)}.badge.badge-purple{background:color-mix(in srgb,var(--color-accent6) 15%,transparent);color:var(--color-accent6);border:1px solid color-mix(in srgb,var(--color-accent6) 30%,transparent)}.badge.badge-teal{background:color-mix(in srgb,var(--color-accent5) 15%,transparent);color:var(--color-accent5);border:1px solid color-mix(in srgb,var(--color-accent5) 30%,transparent)}.badge.badge-default{background:var(--color-bg-muted);color:var(--color-fg-secondary);border:1px solid var(--color-border)}app-loading-bar{display:contents}.app-loading-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.app-loading-bar-fill{display:block;height:100%;width:30%;background:linear-gradient(90deg,transparent,var(--color-primary) 35%,var(--color-accent) 70%,transparent);animation:app-loading-bar-slide 1.1s ease-in-out infinite;transform-origin:left center;animation-play-state:paused}.crm-html.router-loading .app-loading-bar,.crm-html.is-loading .app-loading-bar{opacity:1}.crm-html.router-loading .app-loading-bar-fill,.crm-html.is-loading .app-loading-bar-fill{animation-play-state:running}@keyframes app-loading-bar-slide{0%{transform:translate(-40%) scaleX(.3)}50%{transform:translate(45vw) scaleX(.6)}to{transform:translate(105vw) scaleX(.8)}}#app-page-sections{transition:opacity .2s ease-in-out}app-page.router-loading #app-page-sections,app-page.is-loading #app-page-sections{opacity:.5;pointer-events:none}.shell{height:100%;background:var(--color-bg)}.shell-main{height:100%;display:flex;flex-direction:column}@media (min-width: 1024px){.shell-main{padding-left:18rem}}.shell-mobile-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-6);background:var(--color-bg);padding:var(--space-4);box-shadow:var(--shadow-sm)}@media (min-width: 640px){.shell-mobile-header{padding-inline:var(--space-6)}}@media (min-width: 1024px){.shell-mobile-header{display:none}}.shell-menu-btn{margin:calc(-1 * var(--space-2-5));padding:var(--space-2-5);border:none;background:transparent;color:var(--color-fg-secondary);cursor:pointer}.shell-mobile-title{flex:1;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.5;color:var(--color-text)}.shell-profile-link{display:block}.shell-profile-link .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}