.kat-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);font-weight:var(--type-weight-semibold);line-height:var(--type-body-line-height);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.kat-button:disabled{cursor:not-allowed;opacity:.5}.kat-button:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-button--loading{position:relative}.kat-button__label--loading{opacity:0}.kat-button__spinner{position:absolute;top:50%;left:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em;border-radius:var(--radius-lg);border:2px solid currentColor;border-top-color:transparent;animation:kat-button-spin .6s linear infinite}@keyframes kat-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.kat-button__spinner{animation:none}}.kat-button--primary{background-color:var(--color-accent-default);color:var(--color-text-onAccent)}.kat-button--primary:hover:not(:disabled){background-color:var(--color-accent-emphasis)}.kat-button--secondary{background-color:var(--color-surface-default);color:var(--color-text-default);border-color:var(--color-border-default)}.kat-button--secondary:hover:not(:disabled){border-color:var(--color-border-strong);background-color:var(--color-surface-raised)}.kat-button--danger{background-color:var(--color-state-danger);color:var(--color-text-onAccent)}.kat-button--danger:hover:not(:disabled){border-color:var(--color-state-danger);background-color:var(--color-surface-default);color:var(--color-state-danger)}.kat-checkbox{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);color:var(--color-text-default);cursor:pointer}.kat-checkbox--disabled{cursor:not-allowed;opacity:.5}.kat-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kat-checkbox__box{position:relative;flex:none;box-sizing:border-box;width:var(--spacing-md);height:var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-surface-default);transition:background-color .12s ease,border-color .12s ease}.kat-checkbox__box:after{content:"";position:absolute;top:45%;left:50%;width:var(--spacing-xs);height:var(--spacing-sm);border:solid var(--color-text-onAccent);border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg);opacity:0}.kat-checkbox__box:before{content:"";position:absolute;top:50%;left:50%;width:var(--spacing-sm);border-top:2px solid var(--color-text-onAccent);transform:translate(-50%,-50%);opacity:0}.kat-checkbox__text{font-family:var(--type-body-font-family);font-size:var(--type-body-font-size)}.kat-checkbox:hover:not(.kat-checkbox--disabled) .kat-checkbox__input:not(:checked):not(:indeterminate)+.kat-checkbox__box{border-color:var(--color-border-strong)}.kat-checkbox__input:checked+.kat-checkbox__box,.kat-checkbox__input:indeterminate+.kat-checkbox__box{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.kat-checkbox__input:checked:not(:indeterminate)+.kat-checkbox__box:after{opacity:1}.kat-checkbox__input:indeterminate+.kat-checkbox__box:before{opacity:1}.kat-checkbox__input:focus-visible+.kat-checkbox__box{outline:2px solid var(--color-accent-default);outline-offset:1px}.kat-checkbox--invalid .kat-checkbox__box{border-color:var(--color-state-danger)}.kat-checkbox--invalid .kat-checkbox__input:focus-visible+.kat-checkbox__box{outline-color:var(--color-state-danger)}.kat-date-input{display:block;width:100%;box-sizing:border-box;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-date-input:hover:not(:disabled){border-color:var(--color-border-strong)}.kat-date-input:focus-visible,.kat-date-input:focus{outline:2px solid var(--color-accent-default);outline-offset:1px;border-color:var(--color-accent-default)}.kat-date-input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-date-input--invalid{border-color:var(--color-state-danger)}.kat-date-input--invalid:focus-visible,.kat-date-input--invalid:focus{outline-color:var(--color-state-danger)}.kat-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.kat-select{display:block;width:100%;box-sizing:border-box;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-select:hover:not(:disabled){border-color:var(--color-border-strong)}.kat-select:focus-visible,.kat-select:focus{outline:2px solid var(--color-accent-default);outline-offset:1px;border-color:var(--color-accent-default)}.kat-select:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-select--invalid{border-color:var(--color-state-danger)}.kat-select--invalid:focus-visible,.kat-select--invalid:focus{outline-color:var(--color-state-danger)}.kat-input{display:block;width:100%;box-sizing:border-box;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-input::placeholder{color:var(--color-text-muted)}.kat-input:hover:not(:disabled){border-color:var(--color-border-strong)}.kat-input:focus-visible,.kat-input:focus{outline:2px solid var(--color-accent-default);outline-offset:1px;border-color:var(--color-accent-default)}.kat-input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-input--invalid{border-color:var(--color-state-danger)}.kat-input--invalid:focus-visible,.kat-input--invalid:focus{outline-color:var(--color-state-danger)}.kat-number-input{display:inline-flex;align-items:stretch;box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);overflow:hidden}.kat-number-input:hover:not(.kat-number-input--disabled){border-color:var(--color-border-strong)}.kat-number-input:focus-within{outline:2px solid var(--color-accent-default);outline-offset:1px;border-color:var(--color-accent-default)}.kat-number-input--invalid{border-color:var(--color-state-danger)}.kat-number-input--invalid:focus-within{outline-color:var(--color-state-danger)}.kat-number-input--disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-number-input__field{flex:1 1 auto;min-width:0;width:var(--spacing-xl);border:0;background:transparent;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.kat-number-input__field:focus{outline:none}.kat-number-input__field::-webkit-outer-spin-button,.kat-number-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kat-number-input__field:disabled{cursor:not-allowed}.kat-number-input__step{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);border:0;background-color:var(--color-surface-raised);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);cursor:pointer;transition:background-color .12s ease}.kat-number-input__step:hover:not(:disabled){background-color:var(--color-surface-sunken)}.kat-number-input__step:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:-2px}.kat-number-input__step:disabled{cursor:not-allowed;opacity:.5}.kat-radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0;border:0;min-width:0}.kat-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.kat-radio{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);color:var(--color-text-default);cursor:pointer}.kat-radio--disabled{cursor:not-allowed;opacity:.5}.kat-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kat-radio__dot{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:var(--spacing-md);height:var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-surface-default);transition:border-color .12s ease}.kat-radio__dot:after{content:"";width:var(--spacing-sm);height:var(--spacing-sm);border-radius:var(--radius-lg);background-color:var(--color-accent-default);transform:scale(0);transition:transform .12s ease}.kat-radio:hover:not(.kat-radio--disabled) .kat-radio__input:not(:checked)+.kat-radio__dot{border-color:var(--color-border-strong)}.kat-radio__input:checked+.kat-radio__dot{border-color:var(--color-accent-default)}.kat-radio__input:checked+.kat-radio__dot:after{transform:scale(1)}.kat-radio__input:focus-visible+.kat-radio__dot{outline:2px solid var(--color-accent-default);outline-offset:1px}.kat-radio-group--invalid .kat-radio__dot{border-color:var(--color-state-danger)}.kat-radio-group--invalid .kat-radio__input:checked+.kat-radio__dot:after{background-color:var(--color-state-danger)}.kat-radio-group--invalid .kat-radio__input:focus-visible+.kat-radio__dot{outline-color:var(--color-state-danger)}.kat-markdown-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.kat-markdown-field__toolbar{display:flex;justify-content:flex-end}.kat-markdown-field__toggle{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-accent-default);font-family:var(--type-small-font-family);font-size:var(--type-small-font-size);font-weight:var(--type-weight-medium);line-height:var(--type-small-line-height);cursor:pointer}.kat-markdown-field__toggle:hover{background-color:var(--color-surface-raised);border-color:var(--color-border-default)}.kat-markdown-field__toggle:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:1px}.kat-markdown-field__textarea{display:block;width:100%;box-sizing:border-box;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);resize:vertical}.kat-markdown-field__textarea::placeholder{color:var(--color-text-muted)}.kat-markdown-field__textarea:hover:not(:disabled){border-color:var(--color-border-strong)}.kat-markdown-field__textarea:focus-visible,.kat-markdown-field__textarea:focus{outline:2px solid var(--color-accent-default);outline-offset:1px;border-color:var(--color-accent-default)}.kat-markdown-field__textarea:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-markdown-field__textarea--invalid{border-color:var(--color-state-danger)}.kat-markdown-field__textarea--invalid:focus-visible,.kat-markdown-field__textarea--invalid:focus{outline-color:var(--color-state-danger)}.kat-markdown-field__textarea--hidden{display:none}.kat-markdown-field__preview{box-sizing:border-box;min-height:3lh;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-sunken);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}.kat-markdown-field__preview>:first-child{margin-top:0}.kat-markdown-field__preview>:last-child{margin-bottom:0}.kat-markdown-field__preview :is(h1,h2,h3,h4,h5,h6){font-family:var(--type-heading-font-family);font-weight:var(--type-heading-font-weight)}.kat-markdown-field__preview ul,.kat-markdown-field__preview ol{padding-left:var(--spacing-lg)}.kat-markdown-field__preview a{color:var(--color-accent-default)}.kat-markdown-field__preview code{background-color:var(--color-surface-raised);border-radius:var(--radius-sm);padding:0 .25em}.kat-markdown-field__preview pre{background-color:var(--color-surface-raised);border-radius:var(--radius-sm);padding:var(--spacing-sm);overflow-x:auto}.kat-markdown-field__preview pre code{background-color:transparent;padding:0}.kat-markdown-field__preview blockquote{margin:0;padding-left:var(--spacing-sm);border-left:3px solid var(--color-border-default);color:var(--color-text-muted)}.kat-switch-field{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);color:var(--color-text-default)}.kat-switch{display:inline-flex;align-items:center;padding:0;border:0;background:none;cursor:pointer}.kat-switch:disabled{cursor:not-allowed;opacity:.5}.kat-switch__track{display:inline-flex;align-items:center;box-sizing:border-box;width:calc(var(--spacing-xl) + var(--spacing-sm));height:var(--spacing-lg);padding:var(--spacing-xs);border-radius:var(--radius-lg);background-color:var(--color-surface-sunken);transition:background-color .12s ease}.kat-switch__thumb{flex:none;width:var(--spacing-md);height:var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--color-surface-default);box-shadow:var(--elevation-raised);transition:transform .12s ease}.kat-switch[aria-checked=true] .kat-switch__track{background-color:var(--color-accent-default)}.kat-switch[aria-checked=true] .kat-switch__thumb{transform:translate(var(--spacing-md))}.kat-switch:hover:not(:disabled) .kat-switch__track{background-color:var(--color-border-strong)}.kat-switch:hover:not(:disabled)[aria-checked=true] .kat-switch__track{background-color:var(--color-accent-emphasis)}.kat-switch:focus-visible .kat-switch__track{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-switch--invalid .kat-switch__track{box-shadow:inset 0 0 0 1px var(--color-state-danger)}.kat-switch--invalid:focus-visible .kat-switch__track{outline-color:var(--color-state-danger)}.kat-switch__label{cursor:default}@media(prefers-reduced-motion:reduce){.kat-switch__track,.kat-switch__thumb{transition:none}}.kat-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size)}.kat-table th,.kat-table td{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-default)}.kat-table th{background-color:var(--color-surface-raised);color:var(--color-text-muted);font-weight:var(--type-weight-semibold)}.kat-table tbody tr:hover{background-color:var(--color-surface-raised)}.kat-table-empty{background-color:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.kat-textarea{display:block;width:100%;box-sizing:border-box;min-height:calc(var(--spacing-xl) * 2);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-surface-default);color:var(--color-text-default);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);resize:vertical}.kat-textarea::placeholder{color:var(--color-text-muted)}.kat-textarea:hover:not(:disabled){border-color:var(--color-border-strong)}.kat-textarea:focus-visible,.kat-textarea:focus{outline:2px solid var(--color-accent-default);outline-offset:1px;border-color:var(--color-accent-default)}.kat-textarea:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-sunken)}.kat-textarea--invalid{border-color:var(--color-state-danger)}.kat-textarea--invalid:focus-visible,.kat-textarea--invalid:focus{outline-color:var(--color-state-danger)}.kat-form-row{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-family:var(--type-body-font-family)}.kat-form-row__label{font-size:var(--type-small-font-size);font-weight:var(--type-weight-semibold);color:var(--color-text-default)}.kat-form-row__required-marker{margin-left:var(--spacing-xs);color:var(--color-state-danger)}.kat-form-row__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kat-form-row__hint{margin:0;font-size:var(--type-small-font-size);color:var(--color-text-muted)}.kat-form-row__error{margin:0;font-size:var(--type-small-font-size);color:var(--color-state-danger)}.kat-dialog{border:none;border-radius:var(--radius-md);padding:0;background-color:var(--color-surface-default);color:var(--color-text-default);box-shadow:var(--elevation-overlay);max-width:min(90vw,32rem)}.kat-dialog::backdrop{background-color:color-mix(in srgb,var(--color-text-default) 55%,transparent)}.kat-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-default)}.kat-dialog__title{margin:0;font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight);line-height:var(--type-heading-line-height)}.kat-dialog__close{background:none;border:none;color:var(--color-text-muted);font-size:var(--type-heading-font-size);line-height:1;cursor:pointer;padding:var(--spacing-xs)}.kat-dialog__close:hover{color:var(--color-text-default)}.kat-dialog__close:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-dialog__body{padding:var(--spacing-md)}.kat-dialog__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-default)}.kat-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-muted);font-family:var(--type-body-font-family)}.kat-empty-state__icon{color:var(--color-text-muted);font-size:var(--type-heading-font-size)}.kat-empty-state__title{margin:0;color:var(--color-text-default);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight)}.kat-empty-state__description{margin:0;font-size:var(--type-body-font-size)}.kat-empty-state__action{margin-top:var(--spacing-sm)}.kat-toast{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-surface-raised);color:var(--color-text-default);box-shadow:var(--elevation-raised);border-left:4px solid var(--color-border-strong);font-family:var(--type-body-font-family);font-size:var(--type-body-font-size)}.kat-toast--info{border-left-color:var(--color-state-info)}.kat-toast--success{border-left-color:var(--color-state-success)}.kat-toast--warning{border-left-color:var(--color-state-warning)}.kat-toast--danger{border-left-color:var(--color-state-danger)}.kat-toast__content{flex:1}.kat-toast__title{margin:0;font-weight:var(--type-weight-semibold)}.kat-toast__description{margin:var(--spacing-xs) 0 0;color:var(--color-text-muted)}.kat-toast__dismiss{background:none;border:none;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:0}.kat-toast__dismiss:hover{color:var(--color-text-default)}.kat-toast__dismiss:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-shell{display:flex;flex-direction:column;min-height:100vh;font-family:var(--type-body-font-family);font-size:var(--type-body-font-size);color:var(--color-text-default);background-color:var(--color-surface-default)}.kat-shell__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-raised);border-bottom:1px solid var(--color-border-default)}.kat-shell__context{display:flex;align-items:baseline;gap:var(--spacing-sm)}.kat-shell__tenant{font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight)}.kat-shell__user{font-size:var(--type-small-font-size);color:var(--color-text-muted)}.kat-shell__settings-toggle{background:none;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-default);font-size:var(--type-small-font-size);cursor:pointer}.kat-shell__settings-toggle:hover{border-color:var(--color-border-strong)}.kat-shell__settings-toggle:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-shell__settings-toggle[aria-expanded=true]{border-color:var(--color-accent-default);color:var(--color-accent-default)}.kat-shell__settings-panel{border-bottom:1px solid var(--color-border-default);background-color:var(--color-surface-raised)}.kat-shell__settings-nav{padding:var(--spacing-md)}.kat-shell__settings-nav ul{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0;padding:0;list-style:none}.kat-shell__settings-nav a{color:var(--color-text-default);text-decoration:none}.kat-shell__settings-nav a:hover{text-decoration:underline}.kat-shell__settings-nav a:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-shell__body{display:flex;flex:1;min-height:0}.kat-shell__nav{width:14rem;flex-shrink:0;padding:var(--spacing-md);background-color:var(--color-surface-sunken);border-right:1px solid var(--color-border-default)}.kat-shell__nav ul{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0;padding:0;list-style:none}.kat-shell__nav a{display:block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-default);text-decoration:none}.kat-shell__nav a:hover{background-color:var(--color-surface-raised)}.kat-shell__nav a:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-shell__nav a[aria-current=page]{background-color:var(--color-accent-default);color:var(--color-text-onAccent)}.kat-shell__content{flex:1;min-width:0;padding:var(--spacing-lg)}.kat-dashboard__title{margin:0 0 var(--spacing-md);font-family:var(--type-heading-font-family);font-size:var(--type-heading-font-size);font-weight:var(--type-heading-font-weight);color:var(--color-text-default)}.kat-dashboard__tiles{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0;padding:0;list-style:none}.kat-dashboard__tile{flex:1 1 14rem;min-width:0;padding:var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-raised)}.kat-dashboard__tile-link{color:var(--color-text-default);font-weight:var(--type-heading-font-weight);text-decoration:none}.kat-dashboard__tile-link:hover{text-decoration:underline}.kat-dashboard__tile-link:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.kat-dashboard__tile-description{margin:var(--spacing-xs) 0 0;font-size:var(--type-small-font-size);color:var(--color-text-muted)}.gallery{display:flex;flex-direction:column;gap:var(--spacing-xl, 32px);max-width:64rem;margin:0 auto}.gallery__intro{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.gallery__title{margin:0;font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25);color:var(--color-text-default, #1b2430)}.gallery__lede{margin:0;max-width:48rem;color:var(--color-text-muted, #55606f);font-size:var(--type-body-font-size, 16px);line-height:var(--type-body-line-height, 1.5)}.gallery-section{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-lg, 16px);box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}.gallery-section__head{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.gallery-section__title{margin:0;font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25);color:var(--color-text-default, #1b2430)}.gallery-section__desc{margin:0;max-width:52rem;color:var(--color-text-muted, #55606f);font-size:var(--type-small-font-size, 13px);line-height:var(--type-small-line-height, 1.4)}.gallery-section__body{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.gallery-subhead{margin:0 0 var(--spacing-sm, 8px);font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600);color:var(--color-text-default, #1b2430)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--spacing-lg, 24px)}.gallery-demo{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);background:var(--color-surface-default, #f6f8fb);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-md, 8px)}.gallery-demo__label{margin:0;font-family:var(--type-small-font-family, system-ui, sans-serif);font-size:var(--type-small-font-size, 13px);font-weight:var(--type-weight-semibold, 600);color:var(--color-text-muted, #55606f);text-transform:uppercase;letter-spacing:.04em}.gallery-demo__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm, 8px)}.gallery-theme-controls{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.gallery-foundations{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.gallery-foundations__group{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.gallery-foundations__label{margin:0;font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);font-weight:var(--type-weight-semibold, 600);color:var(--color-text-default, #1b2430)}.gallery-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--spacing-md, 16px)}.gallery-swatch{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.gallery-swatch__chip{flex:none;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border-strong, #8d99ab)}.gallery-swatch__name{font-family:var(--type-small-font-family, monospace);font-size:var(--type-small-font-size, 13px);color:var(--color-text-muted, #55606f)}.gallery-type-scale{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.gallery-type{margin:0;color:var(--color-text-default, #1b2430)}.gallery-type--heading{font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);font-weight:var(--type-heading-font-weight, 600);line-height:var(--type-heading-line-height, 1.25)}.gallery-type--body{font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);font-weight:var(--type-body-font-weight, 400);line-height:var(--type-body-line-height, 1.5)}.gallery-type--small{font-family:var(--type-small-font-family, system-ui, sans-serif);font-size:var(--type-small-font-size, 13px);font-weight:var(--type-small-font-weight, 400);line-height:var(--type-small-line-height, 1.4)}.gallery-type__token{color:var(--color-text-muted, #55606f);font-family:var(--type-small-font-family, monospace);font-size:var(--type-small-font-size, 13px)}.gallery-weights{display:flex;flex-wrap:wrap;gap:var(--spacing-md, 16px);font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);color:var(--color-text-default, #1b2430)}.gallery-weight--regular{font-weight:var(--type-weight-regular, 400)}.gallery-weight--medium{font-weight:var(--type-weight-medium, 500)}.gallery-weight--semibold{font-weight:var(--type-weight-semibold, 600)}.gallery-scale-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-lg, 24px)}.gallery-scale-item{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);align-items:flex-start}.gallery-scale-item__name{font-family:var(--type-small-font-family, monospace);font-size:var(--type-small-font-size, 13px);color:var(--color-text-muted, #55606f)}.gallery-space{display:block;background:var(--color-accent-default, #35507a);border-radius:var(--radius-sm, 4px)}.gallery-space--xs{width:var(--spacing-xs, 4px);height:var(--spacing-xs, 4px)}.gallery-space--sm{width:var(--spacing-sm, 8px);height:var(--spacing-sm, 8px)}.gallery-space--md{width:var(--spacing-md, 16px);height:var(--spacing-md, 16px)}.gallery-space--lg{width:var(--spacing-lg, 24px);height:var(--spacing-lg, 24px)}.gallery-space--xl{width:var(--spacing-xl, 32px);height:var(--spacing-xl, 32px)}.gallery-radius{display:block;width:3rem;height:3rem;background:var(--color-surface-sunken, #dde3ec);border:1px solid var(--color-border-strong, #8d99ab)}.gallery-radius--sm{border-radius:var(--radius-sm, 4px)}.gallery-radius--md{border-radius:var(--radius-md, 8px)}.gallery-radius--lg{border-radius:var(--radius-lg, 16px)}.gallery-elevation{display:block;width:3rem;height:3rem;background:var(--color-surface-raised, #ffffff);border-radius:var(--radius-md, 8px)}.gallery-elevation--flat{box-shadow:var(--elevation-flat, none)}.gallery-elevation--raised{box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}.gallery-elevation--overlay{box-shadow:var(--elevation-overlay, 0 8px 24px rgba(16, 16, 20, .16))}.gallery-stack{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px)}.gallery-demo--wide{grid-column:1 / -1}.gallery-demo__row--top{align-items:flex-start}.gallery-form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);max-width:28rem}.gallery-form__actions{display:flex;align-items:center;gap:var(--spacing-md, 16px);margin-top:var(--spacing-sm, 8px)}.gallery-form__status{color:var(--color-text-muted, #55606f);font-size:var(--type-small-font-size, 13px)}.gallery-toasts{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);max-width:32rem}.gallery-qr-demo{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);align-items:flex-start;max-width:18rem}.gallery-qr{display:inline-flex;padding:var(--spacing-sm, 8px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-md, 8px)}.gallery-qr__qr{display:block}.gallery-qr--fallback{display:inline-block;padding:var(--spacing-sm, 8px);color:var(--color-accent-default, #35507a);overflow-wrap:anywhere;word-break:break-all}:root{--color-accent-default: #35507a;--color-accent-emphasis: #22334d;--color-border-default: #c7d0dd;--color-border-strong: #8d99ab;--color-state-danger: #cf222e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #f6f8fb;--color-surface-raised: #ffffff;--color-surface-sunken: #e7ecf3;--color-text-default: #1b2430;--color-text-muted: #55606f;--color-text-onAccent: #ffffff;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Inter", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Inter", system-ui, sans-serif;--type-heading-font-size: 24px;--type-heading-font-weight: 600;--type-heading-line-height: 1.25;--type-small-font-family: "Inter", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}[data-theme=showcase]{--color-accent-default: #35507a;--color-accent-emphasis: #22334d;--color-border-default: #c7d0dd;--color-border-strong: #8d99ab;--color-state-danger: #cf222e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #f6f8fb;--color-surface-raised: #ffffff;--color-surface-sunken: #e7ecf3;--color-text-default: #1b2430;--color-text-muted: #55606f;--color-text-onAccent: #ffffff;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Inter", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Inter", system-ui, sans-serif;--type-heading-font-size: 24px;--type-heading-font-weight: 600;--type-heading-line-height: 1.25;--type-small-font-family: "Inter", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}[data-theme=citrus]{--color-accent-default: #b8460a;--color-accent-emphasis: #7a2f06;--color-border-default: #f0c896;--color-border-strong: #d99a4e;--color-state-danger: #cf222e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #fffaf5;--color-surface-raised: #fff1e0;--color-surface-sunken: #ffe4c2;--color-text-default: #3a2a15;--color-text-muted: #7a6650;--color-text-onAccent: #ffffff;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Inter", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Inter", system-ui, sans-serif;--type-heading-font-size: 24px;--type-heading-font-weight: 600;--type-heading-line-height: 1.25;--type-small-font-family: "Inter", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}[data-theme=slate]{--color-accent-default: #35507a;--color-accent-emphasis: #22334d;--color-border-default: #c7d0dd;--color-border-strong: #8d99ab;--color-state-danger: #cf222e;--color-state-info: #0969da;--color-state-success: #1a7f37;--color-state-warning: #9a6700;--color-surface-default: #f6f8fb;--color-surface-raised: #eef1f6;--color-surface-sunken: #dde3ec;--color-text-default: #1b2430;--color-text-muted: #55606f;--color-text-onAccent: #ffffff;--elevation-flat: none;--elevation-overlay: 0 8px 24px rgba(16, 16, 20, .16), 0 2px 6px rgba(16, 16, 20, .08);--elevation-raised: 0 1px 2px rgba(16, 16, 20, .08), 0 1px 1px rgba(16, 16, 20, .04);--radius-lg: 16px;--radius-md: 8px;--radius-sm: 4px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 8px;--spacing-xl: 32px;--spacing-xs: 4px;--type-body-font-family: "Inter", system-ui, sans-serif;--type-body-font-size: 16px;--type-body-font-weight: 400;--type-body-line-height: 1.5;--type-heading-font-family: "Inter", system-ui, sans-serif;--type-heading-font-size: 24px;--type-heading-font-weight: 600;--type-heading-line-height: 1.25;--type-small-font-family: "Inter", system-ui, sans-serif;--type-small-font-size: 13px;--type-small-font-weight: 400;--type-small-line-height: 1.4;--type-weight-medium: 500;--type-weight-regular: 400;--type-weight-semibold: 600}:root{color-scheme:light}body{margin:0;font-family:var(--type-body-font-family, system-ui, sans-serif);font-size:var(--type-body-font-size, 16px);line-height:var(--type-body-line-height, 1.5);color:var(--color-text-default, #1b2430);background:var(--color-surface-default, #f6f8fb)}.showcase-login{max-width:28rem;margin:4rem auto;padding:var(--spacing-xl, 32px);background:var(--color-surface-raised, #ffffff);border:1px solid var(--color-border-default, #c7d0dd);border-radius:var(--radius-lg, 16px);box-shadow:var(--elevation-raised, 0 1px 2px rgba(16, 16, 20, .08))}.showcase-login h1{font-family:var(--type-heading-font-family, system-ui, sans-serif);font-size:var(--type-heading-font-size, 24px);margin:0 0 var(--spacing-sm, 8px)}.showcase-login p{color:var(--color-text-muted, #55606f);margin:0 0 var(--spacing-lg, 24px)}.showcase-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md, 16px)}.showcase-not-found{color:var(--color-text-muted, #55606f)}