.checkbox{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.checkbox[data-disabled=true]{cursor:not-allowed;opacity:.5}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;border:var(--border-thin);border-radius:var(--radius-sm);background:var(--background);transition:all var(--motion-duration-2) var(--motion-ease-standard);flex-shrink:0}.checkbox[data-size=sm] .checkbox-box{width:var(--space-4);height:var(--space-4);min-width:var(--space-4);min-height:var(--space-4)}.checkbox[data-size=md] .checkbox-box{width:var(--space-5);height:var(--space-5);min-width:var(--space-5);min-height:var(--space-5)}.checkbox[data-size=lg] .checkbox-box{width:var(--space-6);height:var(--space-6);min-width:var(--space-6);min-height:var(--space-6)}.checkbox:not([data-disabled=true]):hover .checkbox-box{border-color:var(--foreground);background:color-mix(in oklch,var(--foreground) 3%,var(--background))}.checkbox[data-checked=true] .checkbox-box{background:var(--foreground);border-color:var(--foreground)}.checkbox[data-disabled=true] .checkbox-box{opacity:.5}.checkbox-checkmark{width:100%;height:100%;color:var(--background);stroke:currentColor}.checkbox[data-indeterminate=true] .checkbox-checkmark{color:var(--background)}.checkbox:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--focus-ring-radius)}:root[data-is-mobile=true] .checkbox-box{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}:root[data-is-mobile=true] .checkbox[data-size=sm] .checkbox-box{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}:root[data-is-mobile=true] .checkbox[data-size=md] .checkbox-box{width:calc(var(--touch-target-min) + var(--space-1));height:calc(var(--touch-target-min) + var(--space-1));min-width:calc(var(--touch-target-min) + var(--space-1));min-height:calc(var(--touch-target-min) + var(--space-1))}:root[data-is-mobile=true] .checkbox[data-size=lg] .checkbox-box{width:calc(var(--touch-target-min) + var(--space-2));height:calc(var(--touch-target-min) + var(--space-2));min-width:calc(var(--touch-target-min) + var(--space-2));min-height:calc(var(--touch-target-min) + var(--space-2))}.loading-pill{position:fixed;top:0;left:50%;z-index:var(--z-5);border-radius:var(--radius-xl);backdrop-filter:blur(var(--space-3)) saturate(1.1);pointer-events:none;padding:var(--space-2);margin-top:var(--space-3);isolation:isolate;will-change:transform,opacity;background:var(--black);box-shadow:var(--elevation-3)}.loading-pill__spinner{position:relative;width:calc(var(--space-8) + var(--space-6));height:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.loading-pill__logo{width:calc(var(--space-5) + var(--space-1));height:var(--space-4);display:flex;align-items:center;justify-content:center}.loading-pill__logo svg{width:100%;height:100%;fill:var(--primary-foreground)}:root[data-is-mobile=true]{.loading-pill{margin-top:var(--space-2);padding:var(--space-1-5)}.loading-pill__spinner{width:var(--space-8);height:var(--space-4)}.loading-pill__logo{width:var(--space-5);height:var(--space-3)}}html[data-density=compact] .loading-pill{padding:var(--space-1);margin-top:var(--space-1)}html[data-density=compact] .loading-pill__spinner{width:var(--space-7);height:var(--space-3)}html[data-density=compact] .loading-pill__logo{width:var(--space-4);height:var(--space-3)}.button{--btn-height-xs: var(--space-6);--btn-height-sm: var(--space-7);--btn-height-md: var(--space-8);--btn-height-lg: var(--hit-min);--btn-height-xl: var(--hit-comfort);--btn-px-xs: var(--space-2);--btn-px-sm: var(--space-3);--btn-px-md: var(--space-4);--btn-px-lg: var(--space-5);--btn-px-xl: var(--space-6);--btn-gap-xs: var(--space-1);--btn-gap-sm: var(--space-2);--btn-gap-md: var(--space-2);--btn-gap-lg: var(--space-3);--btn-gap-xl: var(--space-3);--btn-shadow: var(--elevation-1);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap-md);height:var(--btn-height-md);padding:0 var(--btn-px-md);border:none;background:var(--secondary);color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);box-shadow:var(--btn-shadow);transition:none}.button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--focus-ring-radius)}.button:disabled,.button[data-state=disabled]{opacity:.6;cursor:not-allowed}.button[data-variant=primary]{background:var(--primary);color:var(--primary-foreground)}.button[data-variant=outline]{background:transparent;border:var(--border-thin);color:var(--foreground)}.button[data-variant=ghost]{background:transparent;color:var(--foreground);box-shadow:none}.button[data-variant=secondary]{background:var(--secondary);color:var(--foreground)}.button[data-variant=destructive]{background:var(--destructive);color:var(--destructive-foreground)}.button[data-variant=muted]{background:var(--muted);color:var(--foreground)}.button[data-variant=link]{background:transparent;color:var(--primary);text-decoration:underline;box-shadow:none}.button[data-size=xs]{height:var(--btn-height-xs);padding:0 var(--btn-px-xs);gap:var(--btn-gap-xs);font-size:var(--font-xs)}.button[data-size=sm]{height:var(--btn-height-sm);padding:0 var(--btn-px-sm);gap:var(--btn-gap-sm);font-size:var(--font-xs)}.button[data-size=md]{height:var(--btn-height-md);padding:0 var(--btn-px-md);gap:var(--btn-gap-md)}.button[data-size=lg]{height:var(--btn-height-lg);padding:0 var(--btn-px-lg);gap:var(--btn-gap-lg);font-size:var(--font-base)}.button[data-size=xl]{height:var(--btn-height-xl);padding:0 var(--btn-px-xl);gap:var(--btn-gap-xl);font-size:var(--font-base)}.btn-block{width:100%}:root[data-is-mobile=true]{.button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--touch-padding);border-radius:var(--touch-border-radius);font-size:var(--font-sm)}.button:active:not(:disabled),.button[data-clickable=true]:active{transform:none}}.button[data-state=loading]{position:relative;pointer-events:none}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);cursor:pointer;border:var(--border-thin);position:relative;background-color:var(--foreground);color:var(--background);padding:var(--space-2) var(--space-4);transition:none}.action-button:hover:not(:disabled){background-color:var(--background);color:var(--foreground);border-color:var(--foreground)}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button[data-variant=primary]{background-color:var(--foreground);color:var(--background);border-color:var(--foreground)}.action-button[data-variant=secondary]{background-color:var(--muted);color:var(--muted-foreground);border-color:var(--border)}.action-button[data-variant=danger]{background-color:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.action-button[data-variant=danger]:hover:not(:disabled){background-color:var(--background);color:var(--destructive);border-color:var(--destructive)}.action-button[data-loading=true]{opacity:.9;cursor:progress}.action-button[data-disabled=true]{opacity:.6;cursor:not-allowed}.action-button[data-fullwidth=true],.full-width{width:100%}.loading{opacity:.7}.loading-icon{display:inline-block;width:1rem;height:1rem;border:var(--border-medium) solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin var(--motion-duration-4) linear infinite}.cursor{display:inline-block;width:.5em;margin-left:.25rem;animation:blink var(--motion-duration-4) step-end infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.action-button-confirm-group{display:flex;gap:var(--space-2);align-items:center}.action-button[data-confirming=true]{animation:pulse var(--motion-duration-4) var(--motion-ease-standard) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.actionButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);cursor:pointer;border:var(--border-thin);position:relative;background-color:var(--foreground);color:var(--background);padding:var(--space-2) var(--space-4);transition:background-color var(--motion-duration-2) var(--motion-ease-standard),color var(--motion-duration-2) var(--motion-ease-standard),border-color var(--motion-duration-2) var(--motion-ease-standard);text-decoration:none;font-size:var(--font-sm);min-height:var(--touch-target-min)}.actionButton:hover:not(:disabled){background-color:var(--background);color:var(--foreground);border-color:var(--foreground)}.actionButton:disabled{opacity:.6;cursor:not-allowed}.actionButton.primary-button{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.actionButton.primary-button:hover:not(:disabled){background-color:var(--background);color:var(--primary);border-color:var(--primary)}.actionButton.dangerButton{background-color:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.actionButton.dangerButton:hover:not(:disabled){background-color:var(--background);color:var(--destructive);border-color:var(--destructive)}.actionButton.link-button{background-color:transparent;color:var(--foreground);border-color:var(--border)}.actionButton.link-button:hover:not(:disabled){background-color:var(--muted);color:var(--foreground);border-color:var(--foreground)}.input{min-height:var(--hit-min);padding:var(--space-2) var(--space-4);border:var(--border-thin);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);outline:none;transition:border-color var(--motion-duration-2) var(--motion-ease-standard),box-shadow var(--motion-duration-2) var(--motion-ease-standard)}.input:focus{border-color:var(--foreground);box-shadow:none}.btn{padding:var(--space-3) var(--space-4);border:var(--border-thin);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);cursor:pointer;transition:background-color var(--motion-duration-2) var(--motion-ease-standard),color var(--motion-duration-2) var(--motion-ease-standard),border-color var(--motion-duration-2) var(--motion-ease-standard)}.btn:hover{border-color:var(--foreground);background:color-mix(in oklch,var(--foreground) 3%,var(--background))}.field-input{border:var(--input-border);border-radius:var(--input-radius);padding:var(--space-3) var(--space-4);font-size:var(--font-sm);background-color:var(--background);color:var(--foreground);outline:none;transition:border-color var(--motion-duration-2) var(--motion-ease-standard),box-shadow var(--motion-duration-2) var(--motion-ease-standard)}.field-input:focus{border:var(--input-border-focus);box-shadow:none}.field-input.text-field{border:none;border-bottom:var(--input-border-focus);border-radius:0;padding:var(--space-3) 0;background-color:transparent}.field-input.text-field:focus{border-bottom:var(--input-border-focus)}:root[data-is-mobile=true]{.input{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);font-size:var(--mobile-font-xs, var(--font-xs))}.btn{padding:var(--space-2) var(--space-3);font-size:var(--mobile-font-xs, var(--font-xs))}}.step-input-container{width:100%;max-width:80vw;margin:0 auto;position:relative}.step-input{display:flex;align-items:center;width:100%;background-color:var(--foreground);border-radius:var(--radius);overflow:hidden;position:relative}.step-input__field-container{flex:1;display:flex;align-items:center;width:100%}.step-input__field-container .verify-code-btn{font-size:var(--font-xs);color:var(--background);text-decoration:underline;cursor:pointer;margin-left:var(--space-3);margin-right:var(--space-3);white-space:nowrap}.step-input__field-container .verify-code-btn.disabled{opacity:.5;cursor:default;text-decoration:none}.step-input__field{width:100%;padding:var(--space-4) var(--space-5);border:none;font-size:var(--font-base);transition:none;background-color:transparent;color:var(--background)}.step-input[data-state=loading]{opacity:.9}.step-input__field[data-error=true]{border-bottom:var(--border-thin);border-color:var(--destructive)}.step-input__button[data-disabled=true]{opacity:.5;cursor:not-allowed}.step-input__field-container[data-has-extra=true] .step-input__field{padding-right:var(--space-7)}.step-input__field:-webkit-autofill,.step-input__field:-webkit-autofill:hover,.step-input__field:-webkit-autofill:focus,.step-input__field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30rem var(--foreground) inset!important;-webkit-text-fill-color:var(--background)!important;transition:background-color 5000s var(--motion-ease-standard) 0s}.step-input__field::placeholder{color:color-mix(in oklch,var(--background) 70%,var(--foreground));opacity:.5}.step-input__field:focus{outline:none}.step-input__field--error{border-bottom:var(--border-thin);border-color:var(--destructive)}.step-input__error{color:var(--error-color, var(--destructive));font-size:var(--font-sm);margin-top:var(--space-2)}.step-input__button{display:flex;align-items:center;justify-content:center;padding:var(--space-4);border:none;background-color:transparent;cursor:pointer;color:var(--background);height:100%;min-width:var(--hit-min)}.step-input__button svg{width:var(--font-base);height:var(--font-base)}.step-input__button:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border-width:var(--border-width);border-style:solid;border-color:var(--border);font-size:var(--font-xs);font-weight:var(--font-weight-medium);line-height:1.2;letter-spacing:.025em;white-space:nowrap;transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transform:translateZ(0);backface-visibility:hidden}.badge--sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-xxs);border-radius:var(--radius-md)}.badge--lg{padding:var(--space-3) var(--space-5);font-size:var(--font-sm);border-radius:var(--radius-xl)}.badge[data-size=sm]{padding:var(--space-1-5) var(--space-3);font-size:var(--font-xxs);border-radius:var(--radius-md)}.badge[data-size=lg]{padding:var(--space-3) var(--space-5);font-size:var(--font-sm);border-radius:var(--radius-xl)}.badge[data-clickable=true]{cursor:pointer;user-select:none}.badge[data-clickable=true]:hover{transform:none;box-shadow:none}.badge[data-clickable=true]:active{transform:translateY(0) translateZ(0);transition-duration:.1s}.badge[data-variant=secondary]{color:var(--secondary-foreground);background-color:var(--secondary);border-color:transparent}.badge[data-variant=success]{color:var(--primary-foreground);background-color:var(--success);border-color:transparent}.badge[data-variant=warning]{color:var(--primary-foreground);background-color:var(--warning);border-color:transparent}.badge[data-variant=danger]{color:var(--destructive-foreground);background-color:var(--destructive);border-color:transparent}.badge[data-variant=info]{color:var(--primary-foreground);background-color:var(--primary);border-color:transparent}.badge--clickable{cursor:pointer;user-select:none}.badge--clickable:hover{transform:none;box-shadow:none}.badge--clickable:active{transform:translateY(0) translateZ(0);transition-duration:.1s}.badge--clickable:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:root[data-is-mobile=true]{.badge{padding:var(--space-2) var(--space-4);font-size:var(--font-xs);border-radius:var(--radius-md)}.badge--sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-xxs)}.badge--lg{padding:var(--space-3) var(--space-5);font-size:var(--font-sm)}}@media (prefers-contrast: high){.badge{border-width:calc(var(--border-width) * 2);font-weight:var(--font-weight-semibold)}}@media (prefers-reduced-motion: reduce){.badge{transition:none}.badge--clickable:hover{transform:none}}.animate-delay-300{animation-delay:.3s!important}.animate-delay-600{animation-delay:.6s!important}.skeleton[data-animated=false]:after{display:none}.skeleton[data-shape=circle]{border-radius:var(--radius-xl)}.skeleton[data-shape=text]{border-radius:var(--radius-sm);height:1em}.simple-table-container{font-family:inherit;color:inherit}.loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:calc(var(--space-8) + var(--space-4)) var(--space-6);color:var(--muted-foreground);font-size:var(--font-sm)}.table-wrapper{overflow:auto;border-radius:0}.table-wrapper[data-borders=row] .table-row{border-bottom:var(--border-thin)}.table-wrapper[data-borders=none] .table-row{border-bottom:none}.table-wrapper[data-borders=all] .simple-table{border:var(--border-thin);border-radius:var(--radius-md)}.simple-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);line-height:1.5;background:transparent;--table-cell-py: var(--space-3);--table-cell-px: var(--space-4);--table-header-py: var(--space-2);--table-header-px: var(--space-3);--table-row-divider: color-mix(in oklch, var(--foreground) 8%, var(--border));--table-row-hover-border: color-mix( in oklch, var(--foreground) 35%, var(--border) )}.simple-table[data-density=compact]{--table-cell-py: var(--space-2);--table-cell-px: var(--space-3);--table-header-py: var(--space-2);--table-header-px: var(--space-3)}.simple-table[data-density=comfortable]{--table-cell-py: var(--space-4);--table-cell-px: var(--space-5);--table-header-py: var(--space-3);--table-header-px: var(--space-4)}.table-header{padding:var(--table-header-py) var(--table-header-px);text-align:left;font-weight:var(--font-weight-medium);color:var(--muted-foreground);border-bottom:var(--border-thin);background:transparent;font-size:var(--font-xs);letter-spacing:.01em}.table-row{transition:none;position:relative;border-radius:0;margin:0;user-select:none}.table-row.clickable,.table-wrapper[data-selection-enabled=true] .table-row[data-selected=true]{cursor:pointer}.table-row:hover{background:transparent}.table-row.clickable:hover,.table-row[data-clickable=true]:hover{background:transparent;box-shadow:inset 0 0 0 var(--border-width, 1px) var(--table-row-hover-border, var(--foreground));transform:none}.table-row:last-child{border-bottom:none}.table-cell{padding:var(--table-cell-py) var(--table-cell-px);vertical-align:top;color:inherit;border:none}.table-row:focus-visible,.table-row[data-clickable=true]:focus-visible,.pager-btn:focus-visible,.table-header:focus-visible,.table-cell:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--focus-ring-radius)}.table-cell:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.table-cell:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.cell-content{word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.empty-row{border:none}.empty-cell{padding:calc(48px * var(--density-scale, 1)) calc(24px * var(--density-scale, 1));text-align:center;color:var(--muted-foreground);font-size:var(--font-sm);border:none}.table-pager{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--density-scale, 1));padding:calc(12px * var(--density-scale, 1)) calc(8px * var(--density-scale, 1)) calc(4px * var(--density-scale, 1)) calc(8px * var(--density-scale, 1));color:var(--muted-foreground)}.pager-btn{appearance:none;border:var(--border-thin);background:var(--background);color:var(--foreground);border-radius:var(--radius-md);padding:calc(6px * var(--density-scale, 1)) calc(10px * var(--density-scale, 1));font-size:var(--font-xs);cursor:pointer;transition:all var(--motion-duration-2) var(--motion-ease-standard)}.pager-btn:hover:not(:disabled){background:color-mix(in oklch,var(--foreground) 3%,var(--background))}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-info{min-width:var(--space-8);text-align:center;font-size:var(--font-xs);color:var(--muted-foreground)}:root[data-is-mobile=true]{.table-header,.table-cell{padding:var(--space-3) var(--space-4);font-size:var(--font-sm);min-height:var(--touch-target-min)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.simple-table{min-width:0;width:100%;table-layout:auto}:root[data-is-mobile=true]{.simple-table th[data-priority=low],.simple-table td[data-priority=low]{display:none}}.table-row.clickable,.table-row[data-clickable=true]{min-height:var(--touch-target-comfortable);transition:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.table-row.clickable:active,.table-row[data-clickable=true]:active{transform:none;box-shadow:none}.pager-btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-3);font-size:var(--font-sm);border-radius:var(--touch-border-radius);transition:all var(--motion-duration-2) var(--motion-ease-emphasized);-webkit-tap-highlight-color:transparent;user-select:none}.pager-btn:active:not(:disabled){transform:scale(.98)}.table-pager{padding:var(--space-4) var(--space-3);gap:var(--space-3)}.pager-info{font-size:var(--font-xs);min-width:calc(var(--space-8) * 2.5)}.empty-cell{padding:var(--space-6) var(--space-5);font-size:var(--font-base)}.loading-state{padding:var(--space-6) var(--space-5);gap:var(--space-3)}.loading-dot{width:var(--space-2);height:var(--space-2)}}.simple-table-container *{font-family:inherit}:root[data-is-mobile=true]{.table-header[data-priority=low],.table-cell[data-priority=low]{display:none}}[data-component=table][data-responsive=cards] .simple-table{display:block}[data-component=table][data-responsive=cards] thead{display:none}[data-component=table][data-responsive=cards] tbody,[data-component=table][data-responsive=cards] tr,[data-component=table][data-responsive=cards] td{display:block;width:100%}[data-component=table][data-responsive=cards] .table-row{margin:var(--space-2) 0;padding:var(--space-2) 0;box-shadow:var(--elevation-1);border:var(--border-thin);border-radius:0}[data-component=table][data-responsive=cards] .table-cell{display:grid;grid-template-columns:calc(var(--space-8) * 3.75) 1fr;gap:var(--space-2);padding:calc(var(--space-2) + var(--space-1)) var(--space-4)}[data-component=table][data-responsive=cards] .table-cell:before{content:attr(data-column);color:var(--muted-foreground);text-transform:none;font-size:var(--font-xs)}.table-header-checkbox,.table-cell-checkbox{width:48px;padding:var(--table-cell-py) var(--space-2);text-align:center;vertical-align:middle}.table-header-checkbox{border-bottom:var(--border-thin)}.table-row-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.table-row-selected,.table-row[data-selected=true]{background:color-mix(in oklch,var(--foreground) 2%,var(--background))}.table-row-selected:hover,.table-row[data-selected=true]:hover{background:color-mix(in oklch,var(--foreground) 4%,var(--background))}.table-wrapper[data-selection-enabled=true] .table-row.clickable{cursor:pointer}.table-wrapper[data-selection-enabled=true] .table-row.clickable:hover{background:color-mix(in oklch,var(--foreground) 3%,var(--background))}:root[data-is-mobile=true]{.table-header-checkbox,.table-cell-checkbox{width:56px;padding:var(--space-3) var(--space-2)}.table-row-checkbox{min-height:var(--touch-target-min)}}.loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-4)}.loading-text{color:var(--muted-foreground);font-size:var(--font-sm)}.loading-inline{display:inline-flex;align-items:center;gap:var(--space-1)}.spinner--small{width:var(--space-4);height:var(--space-4)}.spinner--small .spinner__circle{border-width:var(--border-width, 1px)}.dashboard{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-header{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);border:var(--border-thin);border-radius:var(--radius-lg);background:var(--background)}.dashboard-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:var(--font-weight-light);color:var(--foreground);margin:0;line-height:1.1;font-family:inherit}.dashboard-title-row{display:flex;align-items:center;gap:var(--space-2)}.dashboard-title--no-margin{margin:0}.time-filters{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-4)}.time-left{display:flex;align-items:center;gap:var(--space-1)}.time-right{display:flex;align-items:center;gap:var(--space-2)}.time-fixed-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.time-btn{padding:var(--space-1) var(--space-4);border:var(--border-thin);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);cursor:pointer;transition:none;font-size:var(--font-base);font-weight:var(--font-weight-medium)}.time-btn:hover{border-color:var(--primary);background:color-mix(in oklch,var(--primary) var(--state-hover),var(--background))}.time-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.custom-range{display:flex;align-items:center;gap:var(--space-1)}.date-input{padding:var(--space-1) var(--space-2);border:var(--border-thin);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--background);color:var(--foreground)}.date-sep{color:var(--muted-foreground);font-size:var(--font-sm)}.critical-alerts{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4);background:var(--destructive-foreground);border:var(--border-thin);border-color:var(--destructive);border-radius:var(--radius-md)}.alert-item{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);background:#fff;border:var(--border-thin)}.alert-critical{color:var(--destructive);border-color:var(--destructive)}.alert-warning{color:var(--warning);border-color:var(--warning)}.alert-info{color:var(--primary);border-color:var(--primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-5);min-height:0}:root[data-is-mobile=true]{.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.flow-pipeline{gap:var(--space-2);justify-content:center}.analysis-grid{grid-template-columns:1fr;gap:var(--space-2)}}.metric-card{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-1);padding:var(--space-4);border:var(--border-thin);border-radius:var(--radius-lg);background:var(--background);text-align:center;position:relative;text-decoration:none;color:inherit;overflow:visible;min-width:0;min-height:9.5rem}.metric-card.clickable{cursor:pointer;transition:none}.metric-card[data-clickable=false]{cursor:default}.metric-card.clickable:hover{border-color:var(--primary)}.text-break{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.metric-value{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--foreground);line-height:1.2;margin-bottom:var(--space-2)}.metric-label{font-size:var(--font-base);color:var(--foreground);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;max-height:2.6em}.metric-trend,.metric-secondary{font-size:var(--font-sm);color:var(--muted-foreground);font-weight:var(--font-weight-medium);line-height:1.3}.metric-secondary.is-hidden,.metric-trend.is-hidden{display:none}.metric-secondary.is-visible,.metric-trend.is-visible{display:block}.metric-arrow{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--font-sm);color:var(--muted-foreground);opacity:1}.metric-card.clickable:hover .metric-arrow{opacity:1}.time-btn:focus-visible,.metric-card:focus-visible,.analysis-card:focus-visible,.pager-btn:focus-visible,.flow-stage:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--focus-ring-radius)}.flow-section{padding:var(--space-5);border:var(--border-thin);border-radius:var(--radius-lg);background:var(--background);overflow:hidden;min-width:0}.section-title{font-size:clamp(1rem,3vw,1.25rem);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 var(--space-5) 0;line-height:1.4;font-family:inherit}.flow-pipeline{display:flex;align-items:center;justify-content:center;gap:var(--space-5);flex-wrap:wrap;min-height:var(--space-8)}.flow-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:3.75rem;max-width:6.25rem;flex:0 1 auto}.flow-stage.bottleneck .stage-number{color:var(--warning)}.flow-stage.complete .stage-number{color:var(--success)}.stage-number{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--foreground);line-height:1.2}.stage-label{font-size:var(--font-sm);color:var(--muted-foreground);font-weight:var(--font-weight-medium);text-align:center;line-height:1.3}.flow-arrow{font-size:var(--font-xl);color:var(--muted-foreground);user-select:none}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:var(--space-5);align-items:start;min-height:0}.analysis-card{padding:var(--space-5);border:var(--border-thin);border-radius:var(--radius-lg);background:var(--background);overflow:visible;min-width:0;min-height:7.5rem}.analysis-card.urgent{border-color:var(--destructive);background:var(--destructive-foreground)}.analysis-card.info{border-color:var(--primary);background:var(--primary-foreground)}.card-title{font-size:clamp(.875rem,2.5vw,1rem);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 var(--space-4) 0;line-height:1.4;font-family:inherit}.card-content,.card-content-slot{color:var(--foreground)}[data-is-mobile=true] .dashboard{gap:var(--space-2)}[data-is-mobile=true] .dashboard-header{padding:var(--space-3);gap:var(--space-2)}[data-is-mobile=true] .time-filters{gap:var(--space-1);display:grid;grid-template-columns:1fr}[data-is-mobile=true] .time-left,[data-is-mobile=true] .time-right{display:grid;grid-template-columns:1fr;gap:var(--space-1)}[data-is-mobile=true] .time-btn{padding:var(--space-1) var(--space-2);font-size:var(--font-sm);border-radius:var(--radius-md)}[data-is-mobile=true] .custom-range{margin-left:0;display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-1);align-items:center;margin-top:var(--space-2);grid-column:1 / -1}[data-is-mobile=true] .time-fixed-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%}[data-is-mobile=true] .time-fixed-group .time-btn{width:100%}[data-is-mobile=true] .critical-alerts{padding:var(--space-2);gap:var(--space-1)}[data-is-mobile=true] .metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-1);min-height:0}[data-is-mobile=true] .metric-card{padding:var(--space-3);min-height:9.5rem;justify-content:center}[data-is-mobile=true] .metric-value{font-size:var(--font-lg);margin-bottom:var(--space-1);line-height:1.2}[data-is-mobile=true] .flow-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:var(--space-1);align-items:center;min-height:3.75rem;padding:0 var(--space-2)}[data-is-mobile=true] .flow-arrow{font-size:var(--font-sm);color:var(--primary)}[data-is-mobile=true] .flow-section,[data-is-mobile=true] .analysis-card{padding:var(--space-3)}[data-is-mobile=true] .section-title,[data-is-mobile=true] .card-title{font-size:clamp(.875rem,2.5vw,1rem);margin-bottom:var(--space-1);font-family:inherit}[data-is-mobile=true] .stage-number{font-size:var(--font-lg);line-height:1.2}[data-is-mobile=true] .stage-label{font-size:var(--font-xs);line-height:1.3}[data-is-mobile=true] .analysis-grid{grid-template-columns:1fr;gap:var(--space-1)}:root:not([data-is-mobile=true]) .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:var(--space-6)}:root:not([data-is-mobile=true]) .analysis-grid{grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr))}:root[data-is-mobile=true] .dashboard-title{font-size:clamp(1.25rem,4vw,1.5rem);font-family:inherit}:root[data-is-mobile=true] .flow-stage{min-width:3.125rem}:root[data-is-mobile=true] .flow-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:var(--space-1);align-items:center;min-height:3.75rem;padding:0 var(--space-2)}:root[data-is-mobile=true] .flow-arrow{transform:none;font-size:var(--font-sm);color:var(--primary)}.metric-value,.stage-number{user-select:none;-webkit-user-select:none;-moz-user-select:none}.dashboard *{font-family:inherit}.multichannel-field{width:100%;margin-top:var(--space-1)}.multichannel-field__filter{margin-bottom:var(--space-2)}.multichannel-field__grid{display:grid;gap:var(--space-4);align-items:start}:root[data-is-mobile=true] .multichannel-field__grid{grid-template-columns:1fr!important;gap:var(--space-1)}.multichannel-field__card{border:var(--input-border);border-radius:var(--radius-lg);background:var(--background);padding:var(--space-4);transition:border-color var(--motion-duration-2) var(--motion-ease-standard),box-shadow var(--motion-duration-2) var(--motion-ease-standard)}.multichannel-field__card:hover{border-color:var(--border);box-shadow:var(--elevation-floating)}.multichannel-field__card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.multichannel-field__card-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--foreground);line-height:1.3}.multichannel-field__card-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-4)}.multichannel-field__metric{display:flex;flex-direction:column;gap:var(--space-1)}.multichannel-field__metric-label{color:var(--muted-foreground);font-size:var(--font-sm);font-weight:var(--font-weight-normal);line-height:1.3}.multichannel-field__metric-value{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--foreground);line-height:1.2}.multichannel-field__metric-secondary,.multichannel-field__metric-trend{font-size:var(--font-sm);color:var(--muted-foreground);font-weight:var(--font-weight-normal);line-height:1.3}:root[data-is-mobile=true]{.multichannel-field__card{padding:var(--space-3)}.multichannel-field__card-body{grid-template-columns:1fr;gap:var(--space-2)}.multichannel-field__metric-value{font-size:var(--font-base)}}:root[data-is-mobile=true] .multichannel-field__card{min-height:var(--touch-target-comfortable)}.multichannel-field__card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-color-scheme: dark){.multichannel-field__card{background:var(--muted)}}@media (prefers-contrast: high){.multichannel-field__card{border-width:calc(var(--border-width) * 2)}}@media (prefers-reduced-motion: reduce){.multichannel-field__card{transition:none}}.infocard-field{border:var(--input-border);border-radius:var(--radius-lg);background:var(--background);padding:var(--space-4);transition:border-color var(--motion-duration-2) var(--motion-ease-standard),box-shadow var(--motion-duration-2) var(--motion-ease-standard)}.infocard-field:hover{border-color:var(--border);box-shadow:var(--elevation-floating)}.infocard-field__title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 var(--space-2) 0;line-height:1.3}.infocard-field__content{color:var(--foreground);font-size:var(--font-base);line-height:1.5}.infocard-field__content p{margin:0 0 var(--space-2) 0}.infocard-field__content p:last-child{margin-bottom:0}.infocard-field__content ul,.infocard-field__content ol{margin:0 0 var(--space-2) 0;padding-left:var(--space-5)}.infocard-field__content li{margin-bottom:var(--space-1)}.infocard-field__content code{background:var(--muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.infocard-field--info{border-color:var(--primary);background:color-mix(in oklch,var(--primary) 5%,var(--background))}.infocard-field--info .infocard-field__title{color:var(--primary)}.infocard-field--warning{border-color:var(--warning);background:color-mix(in oklch,var(--warning) 5%,var(--background))}.infocard-field--warning .infocard-field__title{color:var(--warning)}.infocard-field--success{border-color:var(--success);background:color-mix(in oklch,var(--success) 5%,var(--background))}.infocard-field--success .infocard-field__title{color:var(--success)}.infocard-field--danger{border-color:var(--destructive);background:color-mix(in oklch,var(--destructive) 5%,var(--background))}.infocard-field--danger .infocard-field__title{color:var(--destructive)}:root[data-is-mobile=true]{.infocard-field{padding:var(--space-3)}.infocard-field__title{font-size:var(--font-sm);margin-bottom:var(--space-1)}.infocard-field__content{font-size:var(--font-sm)}}.infocard-field:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-color-scheme: dark){.infocard-field{background:var(--muted)}}@media (prefers-contrast: high){.infocard-field{border-width:calc(var(--border-width) * 2)}}@media (prefers-reduced-motion: reduce){.infocard-field{transition:none}}.week-time-field__input{width:100%;padding:var(--space-2) var(--space-3);border:var(--input-border);border-radius:0;background:var(--background);color:var(--foreground);font-size:var(--font-base);font-weight:var(--font-weight-normal);line-height:1.4;transition:border-color var(--motion-duration-2) var(--motion-ease-standard),box-shadow var(--motion-duration-2) var(--motion-ease-standard);cursor:pointer}.week-time-field__input:focus{border-color:var(--foreground);outline:none;box-shadow:none}.week-time-field__input:hover:not(:disabled):not(:focus){border-color:var(--border)}.week-time-field__input:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.6}.week-time-field__input::placeholder{color:var(--muted-foreground);opacity:1}.week-time-field__input[type=week]{appearance:none;-webkit-appearance:none;-moz-appearance:none}.week-time-field__input[data-mode=display]{border:none;background:transparent;padding:var(--space-1) 0;color:var(--foreground);cursor:default}.week-time-field__input[data-mode=display]:focus{box-shadow:none;outline:none}:root[data-is-mobile=true] .week-time-field__input{padding:var(--space-3) var(--space-3);font-size:16px;min-height:var(--touch-target-comfortable)}.week-time-field__input:focus-visible{outline:none;outline-offset:0}@media (prefers-color-scheme: dark){.week-time-field__input{background:var(--muted)}}@media (prefers-contrast: high){.week-time-field__input{border-width:calc(var(--border-width) * 2)}}@media (prefers-reduced-motion: reduce){.week-time-field__input{transition:none}}.elastic-container{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius);position:relative;pointer-events:auto}.elastic-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:auto}.elastic-container[data-position]{position:fixed}.elastic-container[data-position=top-left]{top:1vw;left:1vw}.elastic-container[data-position=top-right]{top:1vw;right:1vw}.elastic-container[data-position=bottom-left]{bottom:1vw;left:1vw}.elastic-container[data-position=bottom-right]{bottom:1vw;right:1vw}.elastic-container[data-position=bottom-center]{bottom:1vw;left:50%;transform:translate(-50%)}.filter-container{--filter-pill-padding: var(--space-2) var(--space-3);--filter-pill-gap: var(--space-2);display:flex;flex-direction:column;gap:var(--space-5)}.filter-container[data-variant=compact]{gap:var(--space-4)}.filter-btn[data-active=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.filter-group{display:flex;flex-direction:column;gap:var(--space-3)}.filter-label{margin:0;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--foreground);display:block}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--filter-pill-gap);align-items:center}.filter-container .filter-buttons .filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--filter-pill-padding);white-space:nowrap;border:var(--border-thin);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-weight-medium);transition:none;border-color:var(--border)}.filter-container .filter-buttons .filter-btn:hover{border-color:var(--foreground);background:var(--muted)}.filter-container .filter-buttons .filter-btn.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.filter-container .filter-buttons .filter-btn.active:hover{background:var(--primary);border-color:var(--primary)}.filter-select{padding:var(--filter-pill-padding);min-width:var(--space-8);border:var(--border-thin);border-radius:var(--radius-lg);background:var(--background);color:var(--foreground);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:none;border-color:var(--border)}.filter-select:hover{border-color:var(--foreground);background:var(--muted)}.filter-select:focus{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset);border-color:var(--ring)}.filter-date-range{display:flex;align-items:center;gap:var(--space-3)}.filter-date-input{flex:1;padding:var(--filter-pill-padding);min-width:6.75rem;border:var(--border-thin);border-radius:var(--radius-lg);background:var(--background);color:var(--foreground);font-size:var(--font-sm);font-weight:var(--font-weight-medium);transition:border-color var(--motion-duration-1) var(--motion-ease-standard);border-color:var(--border)}.filter-date-input:hover{border-color:var(--foreground);background:var(--muted)}.filter-date-input:focus{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset);border-color:var(--ring)}.date-separator{padding:0 var(--space-2);white-space:nowrap}.filter-container.compact{--filter-pill-padding: var(--space-2) var(--space-3);--filter-pill-gap: var(--space-2)}.filter-buttons.collapsible{position:relative;transition:none}.filter-buttons.collapsible[data-expanded=false] .filter-btn:not(.active){display:none}.filter-buttons.collapsible .filter-btn.active{cursor:pointer;position:relative}:root[data-is-mobile=true]{.filter-container{--filter-pill-padding: var(--space-2) var(--space-2);--filter-pill-gap: var(--space-2)}.filter-buttons .filter-btn{font-size:var(--font-xs);min-height:var(--space-7);padding:var(--filter-pill-padding)}.filter-select,.filter-date-input{font-size:var(--font-xs);padding:var(--filter-pill-padding)}.filter-date-range{flex-direction:column;gap:var(--space-3)}.filter-date-input{min-width:unset;width:100%}.date-separator{display:none}}.select-field.disabled{pointer-events:none}.select-field.disabled .filter-btn{cursor:default}.filter-container .input{border-radius:0}.filter-container .input:focus{outline:none;box-shadow:none;border-color:var(--foreground)}.i18n-input-wrapper{display:flex;align-items:center;width:100%;border:var(--input-border);border-radius:var(--input-radius);background:var(--background);overflow:visible}.i18n-locale-selector{position:relative;display:flex;align-items:center}.i18n-locale-button{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3);background:var(--muted);border:none;border-right:var(--input-border);color:var(--muted-foreground);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:background-color var(--motion-duration-1) var(--motion-ease-standard);white-space:nowrap;min-width:3.75rem;height:100%}.i18n-locale-button:hover{background:var(--accent)}.i18n-locale-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-offset))}.i18n-locale-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-3);background:var(--muted);border-right:var(--input-border);color:var(--muted-foreground);font-size:var(--font-sm);font-weight:500;white-space:nowrap;min-width:3.75rem;height:100%}.locale-dropdown-arrow{transition:transform var(--motion-duration-1) var(--motion-ease-standard)}.locale-dropdown-arrow.open{transform:rotate(180deg)}.i18n-text-field{flex:1;display:flex;align-items:center}.i18n-input-wrapper .text-field__input,.i18n-input-wrapper .text-field__textarea{border:none!important;outline:none;padding:var(--space-2) var(--space-3);width:100%;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--foreground);background:transparent}.i18n-input-wrapper .text-field__input:focus,.i18n-input-wrapper .text-field__textarea:focus{border:none!important;outline:none}.i18n-input-wrapper .text-field__input-group{width:100%;display:flex;align-items:center;border:none!important}.i18n-input-wrapper .text-field__prefix{padding-left:var(--space-3)}.i18n-input-wrapper:focus-within{border:var(--input-border-focus)}.locale-dropdown{background:var(--popover);border:var(--border-thin);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;max-height:16rem;overflow-y:auto}.locale-option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--muted-foreground);font-size:var(--font-sm);font-weight:500;text-align:center;cursor:pointer;transition:background-color var(--motion-duration-1) var(--motion-ease-standard)}.locale-option:hover{background:var(--muted)}.locale-option.active{background:var(--accent);color:var(--primary);font-weight:600}.locale-option:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-offset))}.i18n-field__display{color:var(--foreground);font-size:var(--font-base)}.i18n-field__display[data-disabled=true]{color:var(--muted-foreground)}.i18n-field__display-all{display:flex;flex-direction:column;gap:var(--space-2)}.i18n-field__locale-item{display:flex;align-items:baseline;gap:var(--space-2)}.i18n-field__text{color:var(--foreground);font-size:var(--font-base)}:root[data-is-mobile=true] .i18n-locale-button,:root[data-is-mobile=true] .i18n-locale-badge{min-width:3rem;font-size:var(--font-xs)}:root[data-is-mobile=true] .locale-dropdown{max-height:12rem}.file-field-display,.file-field-form{display:flex;flex-direction:column;gap:var(--space-4);contain:layout}.file-input-hidden{display:none}.file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--space-4);contain:layout}:root[data-is-mobile=true] .file-preview-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.file-preview-item{position:relative;border:var(--border-thin);border-radius:0;overflow:hidden;background:var(--card);transition:none;aspect-ratio:9 / 11;contain:layout;will-change:contents}.file-preview-item:hover{border-color:var(--primary)}.file-preview-clickable{cursor:pointer}.file-preview-document.file-preview-clickable:hover{border-color:var(--primary)}.file-preview-image,.file-preview-video{width:100%;height:100%;object-fit:cover;display:block}.file-preview-document{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);height:100%;justify-content:center}.file-preview-icon{font-size:var(--font-xl);margin-bottom:var(--space-3)}.file-preview-name{padding:var(--space-3) var(--space-3);font-size:calc(var(--ff-font-size, var(--font-sm)) * .9);color:var(--ff-color-muted, var(--muted-foreground));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--muted)}.file-remove-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-5);height:var(--space-5);border:none;border-radius:50%;background:color-mix(in oklch,var(--card) 90%,transparent);color:var(--destructive);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-base);line-height:1;opacity:1;transition:opacity var(--motion-duration-2) var(--motion-ease-standard)}.file-remove-btn:hover{background:var(--destructive);color:var(--destructive-foreground)}.file-remove-spinner{width:var(--space-4);height:var(--space-4);border:var(--border-medium);border-top-color:transparent;border-radius:50%;animation:file-field-spin .8s linear infinite;display:inline-block}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4);border:var(--border-thin) dashed;border-color:var(--border);border-radius:var(--radius-sm);background:var(--background);cursor:pointer;transition:border-color var(--motion-duration-1) var(--motion-ease-standard);aspect-ratio:1;min-height:8rem}.file-upload-area:hover{border-color:var(--primary)}.file-upload-area:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.file-upload-icon{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);font-size:var(--font-lg);font-weight:var(--font-weight-medium);color:var(--muted-foreground);transition:color var(--motion-duration-1) var(--motion-ease-standard)}.file-upload-area:hover .file-upload-icon{color:var(--primary)}.file-upload-spinner{width:var(--space-5);height:var(--space-5);border:var(--border-medium);border-top-color:transparent;border-radius:50%;animation:file-field-spin .8s linear infinite}@keyframes file-field-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-upload-count{font-size:var(--font-sm);font-weight:var(--font-weight-normal);color:var(--muted-foreground);line-height:1}:root[data-is-mobile=true] .file-upload-area{padding:var(--space-3);min-height:6rem}:root[data-is-mobile=true] .file-upload-icon{width:calc(var(--space-5) + var(--space-1));height:calc(var(--space-5) + var(--space-1));font-size:var(--font-base)}:root[data-is-mobile=true] .file-upload-count{font-size:calc(var(--font-sm) * .9)}.file-fullscreen-overlay{position:fixed;inset:0;z-index:9999;background-color:#000000f2;overflow:auto;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.file-fullscreen-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.file-fullscreen-close{position:fixed;top:var(--space-4);right:var(--space-4);width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:var(--font-2xl);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--motion-duration-1) var(--motion-ease-standard);z-index:10000}.file-fullscreen-close:hover{background:#fff3}.file-fullscreen-close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}[data-component^=form-]{width:var(--field-width-full);position:relative}[data-component^=form-] [data-disabled=true]{color:var(--foreground);font-size:var(--font-sm);line-height:1.5;padding:0;min-height:1.5rem;display:flex;align-items:flex-start}[data-component=form-boolean] [data-component=toggle]{vertical-align:middle}[data-component^=form-] [data-disabled=false]{width:var(--field-width-full);padding:var(--page-form-input-padding);border:var(--page-form-input-border);border-radius:var(--input-radius);background:var(--page-form-input-bg);color:var(--page-form-input-color);font-size:var(--page-form-input-size);font-weight:var(--font-weight-bold);transition:var(--page-form-input-transition);outline:none}[data-component^=form-] [data-disabled=false]:focus{border:var(--page-form-input-border-focus)}[data-component^=form-] [data-disabled=false]:hover:not(:focus){border-color:var(--muted-foreground)}.text-field__input-group{display:grid;grid-template-columns:auto 1fr;align-items:stretch;width:var(--field-width-full)}.text-field__prefix{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-3);border:var(--input-border);border-right:none;border-top-left-radius:var(--input-radius);border-bottom-left-radius:var(--input-radius);font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--muted-foreground);background:var(--muted)}.text-field__input.has-prefix{border-top-left-radius:0;border-bottom-left-radius:0}textarea.text-field__input{resize:vertical;overflow-y:auto;word-break:break-word;min-height:var(--space-8);height:auto;box-sizing:border-box;font-family:inherit;line-height:1.4}.number-field__display:empty:before{content:"-";color:var(--page-placeholder-color);font-weight:var(--font-weight-normal)}.currency-field{position:relative;width:var(--field-width-full)}.currency-field__display{background:transparent;border:none;padding:0;margin:0;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--foreground)}.currency-input-wrapper{display:flex;align-items:center;width:var(--field-width-full);border:var(--input-border);border-radius:var(--input-radius);background:var(--background);overflow:visible}.currency-selector{position:relative;display:flex;align-items:center}.currency-symbol{padding:0 var(--space-4);background:var(--muted);border-right:var(--input-border);color:var(--muted-foreground);font-weight:var(--font-weight-medium);font-size:var(--font-sm);min-width:2.5rem;text-align:center}.currency-button{display:flex;align-items:center;gap:var(--space-2);background:var(--muted);border:none;cursor:pointer;padding:0 var(--space-4);border-right:var(--input-border);color:var(--muted-foreground);font-weight:var(--font-weight-medium);font-size:var(--font-sm);min-width:3rem}.dropdown-arrow{transition:transform var(--motion-duration-2) var(--motion-ease-standard)}.dropdown-arrow.open{transform:rotate(180deg)}.currency-dropdown{position:absolute;top:var(--dropdown-position-top);left:0;background:var(--background);border:var(--input-border);border-radius:var(--input-radius);box-shadow:var(--elevation-dropdown);z-index:var(--z-3);min-width:3.75rem;margin:0;padding:var(--space-2) 0}.currency-option{display:block;width:var(--field-width-full);padding:var(--space-2) var(--space-3);border:none;background:none;text-align:center;cursor:pointer;font-size:var(--font-sm);color:var(--muted-foreground);font-weight:var(--font-weight-medium);transition:var(--page-nav-link-transition)}.currency-option:hover{background:var(--muted)}.currency-option.active{background:var(--accent);color:var(--primary)}.currency-input-wrapper .number-field{border:none;flex:1}.currency-input-wrapper .number-field .number-field__input{border:none!important;padding:var(--space-2) var(--space-3);width:var(--field-width-full);font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--foreground);background:transparent}.currency-input-wrapper .number-field .number-field__input:focus{border:none!important}.currency-input-wrapper:focus-within{border:var(--input-border-focus)}.currency-field.header-mode{display:flex;align-items:flex-start;gap:var(--space-2);flex:1}.currency-field.header-mode .currency-input-wrapper .number-field__input,.currency-field.header-mode .currency-field__display{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--foreground)}:root:not([data-is-mobile=true]) .currency-field.header-mode .currency-input-wrapper .number-field__input,:root:not([data-is-mobile=true]) .currency-field.header-mode .currency-field__display{font-size:var(--font-xl)}.select-field .filter-container,.meta-line .filter-container{width:var(--field-width-full)}.form-container{display:flex;flex-direction:column;width:var(--field-width-full)}.title-section{display:flex;align-items:center;justify-content:space-between;margin:var(--space-2) 0 var(--space-1) 0;width:var(--field-width-full);min-width:0;gap:var(--space-2)}.title{font-size:var(--page-title-size-main);letter-spacing:var(--page-title-letter-spacing-main);margin:0;font-weight:var(--page-title-weight-main);color:var(--foreground);line-height:var(--page-title-line-height-main);flex:1;min-width:0;word-break:break-word;overflow-wrap:break-word}.status-bar{font-size:var(--font-sm);letter-spacing:-.005em;font-weight:var(--font-weight-bold);text-transform:uppercase;display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);color:var(--foreground);width:var(--field-width-full);min-width:0;flex-wrap:wrap}.number-section{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 var(--space-1) 0;width:var(--field-width-full);min-width:0;gap:var(--space-2)}.number{font-size:var(--font-lg);letter-spacing:-.005em;margin:0;font-weight:var(--font-weight-bold);color:var(--foreground);flex:1;min-width:0;word-break:break-word;overflow-wrap:break-word}.edit-toggle-container{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.meta-section{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-2) 0 var(--space-5)}.meta-line{font-size:var(--font-sm);letter-spacing:-.005em;display:flex;align-items:flex-start;color:var(--foreground);position:relative;margin-bottom:var(--space-3)}.meta-line[data-field-type=boolean]{align-items:center}.meta-line[data-field-type=boolean] .value{display:inline-flex;align-items:center}.label{font-weight:var(--page-form-label-weight);color:var(--muted-foreground);flex-shrink:0;text-align:left}.value{font-weight:var(--font-weight-bold);color:var(--foreground);flex:1;margin-left:var(--space-4);text-align:left;min-width:0}.meta-line.no-label .value{margin-left:0}.meta-line .filter-container .filter-label{display:none}.meta-line .filter-group,.meta-line .filter-buttons{justify-content:flex-start;gap:var(--space-1-5);margin:0}.meta-line .filter-btn{font-size:var(--font-sm);letter-spacing:-.005em;font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);min-height:auto;border-radius:var(--radius-sm);text-align:left;display:inline-flex;align-items:center;justify-content:flex-start;line-height:1.1;transition:var(--page-nav-link-transition)}.meta-line .filter-btn.active{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.meta-line .filter-btn:hover{border-color:var(--foreground);background:var(--muted)}.meta-line .filter-btn.active:hover{background:var(--foreground);border-color:var(--foreground)}.meta-line .select-field,.meta-line .select-field .filter-container{flex:1;width:var(--field-width-full)}.meta-line .select-field.disabled .filter-btn,.select-field.disabled .filter-btn{cursor:default;pointer-events:none;opacity:var(--state-disabled)}.meta-line .select-field.disabled .filter-btn:hover,.select-field.disabled .filter-btn:hover{border-color:var(--border);background:var(--background)}.section{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.section-title{font-size:var(--page-title-size-section);letter-spacing:-.005em;font-weight:var(--page-title-weight-section);color:var(--foreground);margin-bottom:var(--page-title-spacing-section)}.list-container{display:flex;flex-direction:column;gap:var(--space-4)}.list-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--border-thin)}.list-item:last-child{border-bottom:none}.item-header{display:flex;align-items:center;gap:var(--space-1)}.item-title{font-size:var(--font-sm);letter-spacing:-.005em;font-weight:var(--font-weight-bold);color:var(--foreground)}.item-status,.item-details{font-size:var(--font-sm);letter-spacing:-.005em;font-weight:var(--font-weight-normal);color:var(--muted-foreground)}.item-notes{font-size:var(--font-sm);letter-spacing:-.005em;font-weight:var(--font-weight-light);color:var(--foreground);margin-top:var(--space-1)}.details-container{display:flex;flex-direction:column;gap:var(--space-2)}.detail-item{font-size:var(--font-sm);letter-spacing:-.005em;display:flex;align-items:center;position:relative}.detail-label{font-weight:var(--font-weight-normal);color:var(--muted-foreground);flex-shrink:0;text-align:left}.detail-value{font-weight:var(--font-weight-bold);color:var(--foreground);flex-shrink:0;text-align:right;margin-left:auto}.item-ids{display:flex;flex-wrap:wrap;gap:var(--space-2)}.item-id{font-size:var(--font-sm);letter-spacing:-.005em;font-weight:var(--font-weight-normal);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--muted);color:var(--muted-foreground)}.expandable-section{margin-top:var(--space-4)}.expandable-title{font-size:var(--font-sm);letter-spacing:-.005em;color:var(--muted-foreground);text-decoration:underline;text-align:left;transition:color var(--motion-duration-2) var(--motion-ease-standard);cursor:pointer;list-style:none;margin-bottom:var(--space-2)}.expandable-title:hover{color:var(--foreground)}.expandable-title::-webkit-details-marker{display:none}.media-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}.array-field-container,.array-field-readonly,.relation-field,.array-items{display:flex;flex-direction:column;gap:var(--space-2)}.array-add-section{margin-top:var(--space-2)}.array-item-thumbnail,.relation-selector-thumbnail{flex-shrink:0;margin-left:var(--space-2);max-width:var(--thumbnail-container-max-width)}.array-item-remove-btn{flex-shrink:0;opacity:.7;transition:opacity var(--motion-duration-1) var(--motion-ease-standard)}.array-item-remove-btn:hover{opacity:1}.relation-selector{position:relative;width:var(--field-width-full)}.relation-selector-input{width:var(--field-width-full);padding:var(--page-form-input-padding);border:var(--page-form-input-border);border-radius:var(--input-radius);background:var(--page-form-input-bg);color:var(--page-form-input-color);font-size:var(--page-form-input-size);font-weight:var(--font-weight-bold);transition:var(--page-form-input-transition);outline:none;cursor:pointer}.relation-selector-input:focus{border:var(--page-form-input-border-focus)}.relation-selector-input:hover:not(:focus){border-color:var(--muted-foreground)}.relation-selector-input[readonly]{cursor:pointer}.relation-selector-list{list-style:none;margin:0;padding:var(--space-1)}.relation-selector-item,.relation-selector-modal-body .relation-selector-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-duration-1) var(--motion-ease-standard)}.relation-selector-item:hover,.relation-selector-modal-body .relation-selector-item:hover{background:var(--muted)}.relation-selector-text{flex:1;font-size:var(--font-sm);color:var(--foreground);word-break:break-word;overflow-wrap:break-word}.relation-selector-loading,.relation-selector-empty,.relation-selector-modal-body .relation-selector-loading,.relation-selector-modal-body .relation-selector-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.relation-selector-empty{text-align:center;color:var(--page-placeholder-color);font-size:var(--page-placeholder-size)}.relation-selector-modal .modal-content{max-width:min(500px,calc(100% - var(--space-6)));padding:var(--space-6)}.relation-selector-modal-body{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.relation-selector-modal-input{width:100%;padding:var(--page-form-input-padding);border:var(--page-form-input-border);border-radius:var(--input-radius);background:var(--page-form-input-bg);color:var(--page-form-input-color);font-size:var(--page-form-input-size);font-weight:var(--font-weight-bold);transition:var(--page-form-input-transition);outline:none}.relation-selector-modal-input:focus{border:var(--page-form-input-border-focus)}.relation-selector-modal-input:hover:not(:focus){border-color:var(--muted-foreground)}.relation-selector-modal-body .relation-selector-list{list-style:none;margin:0;padding:var(--space-1);max-height:calc(10 * (var(--space-8) + var(--space-2)));overflow-y:auto;flex:1;min-height:0}.relation-selector-modal-body .relation-selector-item{min-height:calc(var(--space-8) + var(--space-2))}.relation-selector-modal-body .relation-selector-loading,.relation-selector-modal-body .relation-selector-empty{min-height:calc(5 * (var(--space-8) + var(--space-2)))}.thumbnail-container{display:flex;gap:var(--space-1);align-items:center;flex-wrap:wrap;max-width:var(--field-width-full)}.thumbnail-image,.thumbnail-fallback,.thumbnail-color{object-fit:cover;border-radius:var(--radius-sm);border:var(--border-thin);flex-shrink:0}.thumbnail-fallback{display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);color:var(--muted-foreground);background:var(--muted)}.thumbnail-color{display:block;box-shadow:0 1px 2px #0000000d}.thumbnail-more{display:flex;align-items:center;justify-content:center;background:var(--muted);border:var(--border-thin);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--muted-foreground);flex-shrink:0}.thumbnail-image.rounded,.thumbnail-fallback.rounded,.thumbnail-color.rounded,.thumbnail-more.rounded{border-radius:var(--radius-circle)}.media-item{display:flex;flex-direction:column}.media-image,.media-video{width:var(--field-width-full);height:auto;border-radius:var(--radius-sm);max-height:var(--space-8);object-fit:cover}.media-file{padding:var(--space-4);border:var(--border-thin);border-radius:var(--radius-sm);text-align:center}.file-download{font-size:var(--font-sm);letter-spacing:-.005em;text-decoration:underline;color:var(--foreground);transition:var(--page-nav-link-transition)}.file-download:hover{color:var(--muted-foreground)}.error-state,.not-found-state{display:flex;flex-direction:column;gap:var(--space-2)}.error-message,.not-found-message{font-size:var(--font-sm);color:var(--muted-foreground);margin-top:var(--space-2)}.meta-line .filter-container.compact{--filter-pill-padding: var(--space-1-5) var(--space-2);--filter-pill-gap: var(--space-1-5)}.form-header{width:var(--field-width-full);margin-bottom:var(--space-6)}.form-header-divider{height:.0625rem;background:var(--border);margin-bottom:var(--space-4)}.form-header-content{display:flex;flex-direction:column;gap:var(--space-3);width:var(--field-width-full);min-width:0}.form-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);width:var(--field-width-full);min-width:0}.form-header-title-section{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.form-header-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--foreground);margin:0;word-break:break-word;overflow-wrap:break-word}.form-header-subtitle{font-size:var(--font-sm);color:var(--muted-foreground);margin:0;word-break:break-word;overflow-wrap:break-word}.form-header-right{display:flex;align-items:flex-start;gap:var(--space-3);flex-shrink:0}.form-header-price{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--foreground);text-align:right;word-break:break-word;overflow-wrap:break-word}.form-header-status{display:flex;align-items:center}.form-header-extra-left,.form-header-extra-right,.form-header-extra-bottom{display:flex;gap:var(--space-3);width:var(--field-width-full);min-width:0}.form-header-extra-left,.form-header-extra-right{align-items:center}.form-header-extra-bottom{flex-wrap:wrap;align-items:center}.form-header-extra-field{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-sm);min-width:0}.form-header-extra-field .field-label{color:var(--muted-foreground);font-weight:var(--font-weight-medium);flex-shrink:0}.form-header-extra-field .field-value{color:var(--foreground);word-break:break-word;overflow-wrap:break-word;min-width:0}.form-header--compact .form-header-title{font-size:var(--font-xl)}.form-header--compact .form-header-price{font-size:var(--font-lg)}.form-header--detailed .form-header-content{gap:var(--space-4)}.form-header--detailed .form-header-extra-bottom{border-top:var(--border-thin);padding-top:var(--space-3);margin-top:var(--space-2)}.form-header--center .form-header-main{justify-content:center;text-align:center}.form-header--right .form-header-main{justify-content:flex-end;text-align:right}.field-card{position:relative;border:var(--border-thin);border-radius:var(--radius-md);padding:0;background:var(--card);box-shadow:var(--elevation-1);overflow:hidden;width:var(--field-width-full);transition:box-shadow var(--motion-duration-2) var(--motion-ease-standard)}.field-card:hover{box-shadow:var(--elevation-floating)}.field-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 -1px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--muted);border:var(--border-thin);border-bottom:var(--border-thin);cursor:pointer;user-select:none;position:relative;z-index:2;transition:background-color var(--motion-duration-1) var(--motion-ease-standard)}.field-header.clickable:hover{background:var(--accent);color:var(--accent-foreground)}.field-header:active{opacity:.9}.field-title-section{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.field-title{font-weight:var(--font-weight-semibold);color:var(--foreground);font-size:var(--font-sm);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;flex-shrink:0}.field-summary{font-size:var(--font-xs);color:var(--muted-foreground);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-summary.empty{font-style:italic}.field-content{padding:0 var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden;background:var(--card);border-radius:0 0 var(--radius-md) var(--radius-md);position:relative;z-index:1;will-change:height,opacity;backface-visibility:hidden;transform:translateZ(0);transform-origin:top;transition:none!important;contain:layout style}.field-edit-container{display:flex;flex-direction:column;gap:var(--space-2);contain:layout}.field-edit{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--page-form-label-size);font-weight:var(--page-form-label-weight);color:var(--page-form-label-color)}.field-input{width:var(--field-width-full)}.field-readonly-container{display:flex;flex-direction:column;gap:var(--space-2);contain:layout}.field-display{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-1);background:color-mix(in oklch,var(--muted) 95%,transparent);border-radius:var(--radius-sm);border:var(--border-thin)}.field-display.no-label{gap:0;padding:0;background:transparent;border-radius:0;border:none}.field-display .field-display-label{font-weight:var(--font-weight-medium);color:var(--muted-foreground);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.field-display .field-display-value{color:var(--foreground);font-size:var(--font-sm);font-weight:var(--font-weight-medium);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.field-display .field-display-value.currency,.field-display .field-display-value.number{font-weight:var(--font-weight-semibold)}.field-display .field-display-value.currency{color:var(--success)}.field-display .field-display-value.boolean-true{color:var(--success);font-weight:var(--font-weight-semibold)}.field-display .field-display-value.boolean-false,.field-display .field-display-value.empty{color:var(--muted-foreground)}.field-display .field-display-value.empty{font-style:italic}.field-display .field-display-value.long-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;cursor:help;position:relative}:root:not([data-is-mobile=true]) .number{font-size:var(--font-xl)}:root:not([data-is-mobile=true]) .media-grid{grid-template-columns:repeat(2,1fr)}:root[data-is-mobile=true] .title{font-size:clamp(1.5rem,10vw,3rem);margin:0}:root[data-is-mobile=true] .meta-line{flex-direction:column;align-items:flex-start;gap:var(--space-2)}:root[data-is-mobile=true] .meta-line .value{margin-left:0;width:var(--field-width-full)}:root[data-is-mobile=true] .meta-line .filter-container.compact{--filter-pill-padding: var(--touch-padding);--filter-pill-gap: var(--space-2)}:root[data-is-mobile=true] .array-item-thumbnail,:root[data-is-mobile=true] .relation-selector-thumbnail{max-width:var(--thumbnail-container-max-width-mobile)}:root[data-is-mobile=true] .form-header-main{flex-direction:column;align-items:stretch;gap:var(--space-3)}:root[data-is-mobile=true] .form-header-title-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between}:root[data-is-mobile=true] .form-header-right{flex-direction:column;align-items:stretch;gap:var(--space-2)}:root[data-is-mobile=true] .form-header-price{text-align:left;font-size:var(--font-lg)}:root[data-is-mobile=true] .form-header-extra-left,:root[data-is-mobile=true] .form-header-extra-right,:root[data-is-mobile=true] .form-header-extra-bottom{flex-direction:column;align-items:stretch;gap:var(--space-2)}:root[data-is-mobile=true] .form-header-extra-field{justify-content:space-between}:root[data-is-mobile=true] .field-header{min-height:var(--touch-target-min);padding:var(--touch-padding) var(--space-2);margin-bottom:-1px;-webkit-tap-highlight-color:transparent}:root[data-is-mobile=true] .field-content{padding:0 var(--space-2);gap:var(--space-2)}:root[data-is-mobile=true] .field-display .field-display-value.long-text{-webkit-line-clamp:3}.modal-root{position:fixed;inset:0;z-index:var(--z-3);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-overlay{position:absolute;inset:0;background-color:color-mix(in oklch,var(--foreground) 8%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{position:relative;z-index:1;width:100%;max-width:min(600px,calc(100% - var(--space-6)));max-height:calc(100vh - var(--space-6));background:var(--card);color:var(--card-foreground);border:var(--border-thin);border-radius:var(--radius-lg);box-shadow:var(--elevation-floating);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.modal-close-button{position:absolute;top:var(--space-4);right:var(--space-4);width:var(--space-6);height:var(--space-6);min-width:var(--space-6);min-height:var(--space-6);padding:0;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--motion-duration-1) var(--motion-ease-standard),background-color var(--motion-duration-1) var(--motion-ease-standard)}.modal-close-button:hover{color:var(--foreground);background-color:var(--muted)}.modal-header{display:flex;flex-direction:column;gap:var(--space-2)}.modal-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--card-foreground);margin:0;line-height:1.2;letter-spacing:-.01em}.modal-description{font-size:var(--font-sm);color:var(--muted-foreground);margin:0;line-height:1.5;letter-spacing:-.005em}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:var(--border-thin)}:root[data-is-mobile=true]{.modal-root{padding:var(--space-2);padding-top:calc(var(--space-2) + var(--safe-top));padding-bottom:calc(var(--space-2) + var(--safe-bottom))}.modal-content{max-width:calc(100% - var(--space-4));max-height:calc(100vh - var(--space-4) - var(--safe-top) - var(--safe-bottom));padding:var(--space-5);transition:none}.modal-close-button{top:var(--space-3);right:var(--space-3);width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}