.btn{--_btn-bg:var(--color-bg-page);--_btn-color:var(--color-text);--_btn-border:var(--color-border-strong);font-family:inherit;font-size:var(--text-body);border:1px solid var(--_btn-border);background:var(--_btn-bg);color:var(--_btn-color);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);transition:box-shadow var(--duration-fast) var(--ease-in-out);white-space:nowrap;min-height:44px;padding:10px 24px;font-weight:500;display:inline-flex}.btn:hover{box-shadow:var(--shadow-card)}.btn--primary{--_btn-bg:var(--color-bg-brand);--_btn-color:var(--color-on-brand);--_btn-border:var(--color-bg-brand)}.btn--danger{--_btn-bg:var(--color-error-bg);--_btn-color:var(--color-error);--_btn-border:transparent}.btn--danger:hover{--_btn-bg:color-mix(in srgb, var(--color-error) 16%, transparent);box-shadow:none}.btn--text{--_btn-bg:none;--_btn-color:var(--color-text-secondary);--_btn-border:none;padding:8px 12px}.btn--text:hover{color:var(--color-brand);box-shadow:none}.btn--text:disabled{opacity:.4;cursor:default}.btn--text.btn--danger{--_btn-color:var(--color-error)}.btn--text.btn--danger:hover{--_btn-bg:color-mix(in srgb, currentColor 8%, transparent);color:var(--color-error)}.btn-icon{width:48px;height:48px;color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:20px;display:inline-flex}.btn-icon+.btn-icon{margin-left:var(--space-xs)}.btn--sm{font-size:var(--text-small);white-space:nowrap;padding:4px 12px}.btn--muted{color:var(--color-text-subtle)}.btn--muted:hover{color:var(--color-text-secondary)}.btn-icon:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.btn-icon--danger:hover{color:var(--color-error)}.btn-icon--sm{border-radius:var(--radius-sm);width:40px;height:40px;font-size:18px}.editor-section__add{color:var(--color-brand);align-self:flex-start;font-weight:500}.form{gap:var(--space-md);flex-direction:column;display:flex}.form__label{font-size:var(--text-small);color:var(--color-text);gap:var(--space-xs);flex-direction:column;display:flex}.form__label--row{align-items:center;gap:var(--space-sm);flex-direction:row}.form-row--2col{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.form-row--2col{grid-template-columns:1fr}}.form__error{color:var(--color-error);font-size:var(--text-small);margin:0}.form__hint{color:var(--color-text-subtle);font-size:var(--text-small);margin-top:var(--space-xs)}.form__hint--error{color:var(--color-error)}.form__actions{gap:var(--space-sm);margin-top:var(--space-sm);justify-content:flex-end;display:flex}.input{width:100%;padding:10px var(--space-md);font-size:var(--text-body);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-bg-page);color:var(--color-text);box-sizing:border-box;font-family:inherit}textarea.input{resize:none}select.input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23586370' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}[data-theme=dark] select.input,[data-theme=high-contrast] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c7c8a' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}input:-webkit-autofill{box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-text-fill-color:var(--color-text)}input:-webkit-autofill:hover{box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-text-fill-color:var(--color-text)}input:-webkit-autofill:focus{box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-text-fill-color:var(--color-text)}input:-webkit-autofill:active{box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-box-shadow:0 0 0 30px var(--color-bg-page) inset;-webkit-text-fill-color:var(--color-text)}input:autofill{box-shadow:0 0 0 30px var(--color-bg-page) inset}.input--sm{font-size:var(--text-small);min-height:32px;padding:4px 8px}textarea.input--notes{resize:vertical}.input:focus{outline:2px solid var(--color-brand);outline-offset:-2px}.input--valid{border-color:var(--color-success)}.input--valid:focus{outline-color:var(--color-success)}.input--invalid{border-color:var(--color-error)}.input--invalid:focus{outline-color:var(--color-error)}input[type=checkbox]{accent-color:var(--color-brand)}.form-section{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.form-section__title{font-size:var(--text-small);color:var(--color-text);margin:0;font-weight:600}.form-section__hint{font-size:var(--text-small);color:var(--color-text-secondary);margin:0;line-height:1.5}.pwd-row input[type=password]::-ms-reveal{display:none}.pwd-row input[type=password]::-webkit-password-toggle-button{display:none}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);background:linear-gradient(to right, var(--color-bg-page) 30%, #fff0), linear-gradient(to right, #0000, var(--color-bg-page) 70%) 100% 0, radial-gradient(farthest-side at 0% 50%, #00000014, transparent), radial-gradient(farthest-side at 100% 50%, #00000014, transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.loading-busy{opacity:.6;pointer-events:none;transition:opacity var(--duration-fast)}.table{border-collapse:separate;border-spacing:0;background:var(--color-bg-page);border-radius:var(--radius-lg);width:100%}.table--fixed{table-layout:fixed}.col-meta,th.col-meta,td.col-meta{white-space:nowrap;text-align:center}.col-actions,th.col-actions{text-align:center;white-space:nowrap}.col-check,th.col-check{text-align:center;width:44px}.col-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand);cursor:pointer}.table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--text-small);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-alt);z-index:1;position:sticky;top:0}.table thead th:first-child{border-radius:var(--radius-lg) 0 0 0}.table thead th:last-child{border-radius:0 var(--radius-lg) 0 0}.table td{padding:var(--space-sm) var(--space-md);font-size:var(--text-small);border-bottom:1px solid var(--color-border-light)}.entry-row--selected{box-shadow:inset 3px 0 0 var(--color-brand);background:var(--color-brand-subtle)}.entry-row--selected:hover{box-shadow:inset 3px 0 0 var(--color-brand);background:color-mix(in srgb, var(--color-brand) 12%, var(--color-brand-subtle))}@media (width<=640px){.page__title{font-size:var(--text-heading)}.dialog{width:95%;padding:var(--space-md)}.page__filters{gap:6px}.page__filters-search{max-width:none}.page__filters .search-box{flex:1 1 0;min-width:120px}.segmented-group{width:100%;display:flex}.segmented-btn{flex:1;padding:8px 2px;font-size:.8125rem}.table-wrapper{border-radius:0;overflow-x:visible}.table--responsive,.table--responsive tbody,.table--responsive tr{display:block}.table--responsive thead{display:none}.table--responsive{border-radius:0;min-width:0;overflow:visible}.table--responsive tr{margin-bottom:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-bg-page)}.table--responsive td{border:none;padding:0;display:block}.col-mh{display:none!important}.table--responsive .col-title{font-size:var(--text-subtitle);font-weight:var(--text-subtitle-weight);margin-bottom:var(--space-sm);line-height:1.4}.table--responsive .col-meta{font-size:var(--text-small);color:var(--color-text-secondary);display:inline}.table--responsive .col-meta+.col-meta:before{content:"·";color:var(--color-text-subtle);margin:0 6px}.table--responsive .col-actions{justify-content:flex-end;gap:var(--space-xs);padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--color-border-light);display:flex}.table--responsive .col-actions .btn-icon{border-radius:var(--radius-sm);width:40px;height:40px;font-size:18px}.table--responsive .col-file-name{font-size:var(--text-subtitle);font-weight:var(--text-subtitle-weight);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);line-height:1.4;display:flex}.table--responsive .col-file-name .file-link{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.table--responsive.table--trailing tr{padding-right:76px;position:relative}.table--responsive.table--trailing .col-actions{top:var(--space-md);right:var(--space-md);border-top:none;margin-top:0;padding-top:0;position:absolute}}.page__head{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page__head-left{align-items:center;gap:var(--space-md);display:flex}.page__title{font-size:var(--text-display);font-weight:var(--text-display-weight);color:var(--color-text);margin:0}.page__desc{margin:var(--space-xs) 0 0;font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.5}.page__filters{column-gap:var(--space-md);row-gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.page__filters-search{flex:240px;min-width:200px;max-width:360px}.page__filters-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.dialog-overlay{background:var(--color-overlay);z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overscroll-behavior:contain;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.dialog-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.dialog{background:var(--color-bg-page);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:600px;max-height:90dvh;box-shadow:var(--shadow-card-hover);overflow-y:auto}.dialog__title{font-size:var(--text-subtitle);font-weight:var(--text-subtitle-weight);margin:0 0 var(--space-lg);color:var(--color-text)}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity var(--duration-fast) var(--ease-out)}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.admin-card{background:var(--color-bg-page);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.admin-card--row{align-items:center;gap:var(--space-md);display:flex}.admin-card__body{flex:1;min-width:0}.admin-card__actions{gap:var(--space-xs);flex-shrink:0;display:flex}@media (width<=640px){.admin-card{padding:var(--space-md)}.admin-card--row{align-items:flex-start;gap:var(--space-sm) var(--space-md);flex-wrap:wrap}.admin-card__actions{align-self:flex-start}.admin-card--row.admin-card--trailing{padding-right:76px;position:relative}.admin-card--row.admin-card--trailing .admin-card__actions{top:var(--space-md);right:var(--space-md);position:absolute}}.segmented-group{gap:0;display:inline-flex}.segmented-btn{font-size:var(--text-small);text-align:center;border:1px solid var(--color-border-light);background:var(--color-bg-page);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;min-height:40px;transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);flex:0 auto;padding:8px 16px;font-family:inherit;font-weight:500}.segmented-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.segmented-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.segmented-btn+.segmented-btn{margin-left:-1px}.segmented-btn:hover{color:var(--color-brand);background:var(--color-brand-subtle)}.segmented-btn--active{background:var(--color-brand-subtle);color:var(--color-brand);border-color:var(--color-brand);z-index:1;position:relative}.segmented-btn--all{color:var(--color-text-secondary)}.segmented-btn--all:hover{color:var(--color-text)}.segmented-btn:focus-visible{outline-offset:0;z-index:2}.lang-tabs{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);gap:0;width:fit-content;display:flex;overflow:hidden}.lang-tab{font-family:inherit;font-size:var(--text-small);background:var(--color-bg-page);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);border:none;padding:4px 14px}.lang-tab:not(:last-child){border-right:1px solid var(--color-border-light)}.lang-tab:hover{background:var(--color-bg-alt)}.lang-tab--active{background:var(--color-brand);color:var(--color-on-brand)}.lang-tab--active:hover{background:var(--color-brand-dark)}.inline-field{gap:var(--space-xs);flex-direction:column;display:flex}.inline-field__label{font-size:var(--text-small);color:var(--color-text);font-weight:500}.inline-field__view{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px dashed var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;min-height:40px;transition:border-color var(--duration-fast), background var(--duration-fast);display:flex}.inline-field__view:hover{border-color:var(--color-brand);background:var(--color-brand-subtle)}.inline-field__text{font-size:var(--text-body);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;line-height:1.5}.inline-field__placeholder{font-size:var(--text-body);color:var(--color-text-subtle);flex:1;line-height:1.5}.inline-field__icon{color:var(--color-text-subtle);flex-shrink:0;margin-top:1px;font-size:18px}.inline-field__edit textarea{resize:vertical;width:100%}.filter-chip{min-height:40px;font-size:var(--text-small);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-page);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);padding:8px 14px;font-family:inherit;font-weight:500}.filter-chip:hover{border-color:var(--color-brand);color:var(--color-brand)}.filter-chip--active{background:var(--color-brand-subtle);color:var(--color-brand);border-color:var(--color-brand)}.status-tag{font-size:var(--text-small);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;font-weight:500;display:inline-flex}.status-tag__icon{font-size:16px}.status-tag--draft{background:var(--color-warning-bg);color:var(--color-warning)}.status-tag--published{background:var(--color-success-bg);color:var(--color-success)}.status-tag--archived{background:var(--color-bg-alt);color:var(--color-text-subtle)}.status-tag--new{background:color-mix(in srgb, var(--contact-status-new) 12%, transparent);color:var(--contact-status-new)}.status-tag--in_progress{background:color-mix(in srgb, var(--contact-status-in_progress) 12%, transparent);color:var(--contact-status-in_progress)}.status-tag--contacted{background:color-mix(in srgb, var(--contact-status-contacted) 12%, transparent);color:var(--contact-status-contacted)}.status-tag--resolved{background:var(--color-bg-alt);color:var(--color-text-subtle)}.status-tag--spam{background:color-mix(in srgb, var(--contact-status-spam) 12%, transparent);color:var(--contact-status-spam)}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-subtle);font-size:var(--text-small)}.list-content{min-height:300px;overflow-x:auto}mark{background:var(--color-highlight-bg);border-radius:2px;padding:0 1px}.status-filter{gap:var(--space-xs);flex-wrap:wrap;display:flex}.status-filter__chip{height:34px;font-size:var(--text-small);line-height:var(--text-small-line);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-page);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);align-items:center;padding:6px 16px;font-family:inherit;display:inline-flex}.status-filter__chip:not(.is-active):hover{border-color:var(--color-text-subtle);color:var(--color-text)}.status-filter__chip.is-active{cursor:default;background:var(--color-text);color:var(--color-bg-page);border-color:var(--color-text);font-weight:600}.batch-bar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-brand-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex}.batch-bar__count{font-size:var(--text-small);color:var(--color-brand);margin-right:var(--space-sm);font-weight:500}.batch-bar__progress{font-size:var(--text-small);color:var(--color-text-secondary)}.clear-filters-btn{color:var(--color-text-subtle);flex-shrink:0}.clear-filters-btn:hover{color:var(--color-text)}.clear-filters-btn--hidden{visibility:hidden;pointer-events:none}:root{--contact-status-new:var(--color-brand);--contact-status-in_progress:#005a9e;--contact-status-contacted:#1b8a4a;--contact-status-resolved:#757575;--contact-status-spam:#d32f2f}[data-theme=dark],[data-theme=high-contrast]{--contact-status-in_progress:#64b5f6;--contact-status-contacted:#81c784;--contact-status-resolved:#9e9e9e;--contact-status-spam:#ef9a9a}