.spinner{color:currentColor;display:inline-flex}.spinner--sm{width:14px;height:14px}.spinner--md{width:20px;height:20px}.spinner--lg{width:28px;height:28px}.spinner-svg{width:100%;height:100%;animation:.7s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.icon-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-easing), color var(--motion-fast) var(--motion-easing);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.icon-btn--sm{width:32px;height:32px}.icon-btn--md{width:40px;height:40px}.icon-btn--ghost:hover:not(:disabled){background:var(--color-surface-subtle);color:var(--color-text)}.icon-btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong)}.icon-btn--secondary:hover:not(:disabled){background:var(--color-surface-subtle)}.alert{align-items:flex-start;gap:var(--space-4);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);border:1px solid #0000;display:flex}.alert-icon{flex-shrink:0;margin-top:.1em}.alert-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.alert-title{font-weight:var(--font-weight-semibold);color:var(--color-text)}.alert-message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.alert-action{margin-top:var(--space-2)}.alert-dismiss{margin:calc(var(--space-2) * -1);flex-shrink:0}.alert--info{background:var(--color-info-subtle);border-color:var(--color-info);color:var(--color-info)}.alert--info .alert-icon{color:var(--color-info)}.alert--success{background:var(--color-success-subtle);border-color:var(--color-success)}.alert--success .alert-icon{color:var(--color-success)}.alert--warning{background:var(--color-warning-subtle);border-color:var(--color-warning)}.alert--warning .alert-icon{color:var(--color-warning)}.alert--danger{background:var(--color-danger-subtle);border-color:var(--color-danger)}.alert--danger .alert-icon{color:var(--color-danger)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-fast) var(--motion-easing), border-color var(--motion-fast) var(--motion-easing), color var(--motion-fast) var(--motion-easing);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{min-height:32px;padding:0 var(--space-4);font-size:var(--font-size-sm)}.btn--md{min-height:40px;padding:0 var(--space-5);font-size:var(--font-size-base)}.btn--lg{min-height:48px;padding:0 var(--space-6);font-size:var(--font-size-md)}.btn--full-width{width:100%}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-on)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-subtle)}.btn--secondary:active:not(:disabled){background:var(--color-border)}.btn--ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--color-surface-subtle)}.btn--ghost:active:not(:disabled){background:var(--color-border)}.btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-on)}.btn--danger:hover:not(:disabled){filter:brightness(.92)}.btn--danger:active:not(:disabled){filter:brightness(.85)}.btn--link{color:var(--color-primary);min-height:0;font-weight:var(--font-weight-regular);background:0 0;border-color:#0000;padding:0}.btn--link:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:underline}.btn-label--hidden{opacity:0}.btn-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn-icon{display:inline-flex}.cluster{flex-wrap:wrap;display:flex}.cluster--align-stretch{align-items:stretch}.cluster--align-start{align-items:flex-start}.cluster--align-center{align-items:center}.cluster--align-end{align-items:flex-end}.cluster--justify-start{justify-content:flex-start}.cluster--justify-center{justify-content:center}.cluster--justify-end{justify-content:flex-end}.cluster--justify-between{justify-content:space-between}.cluster--gap-0{gap:var(--space-0)}.cluster--gap-1{gap:var(--space-1)}.cluster--gap-2{gap:var(--space-2)}.cluster--gap-3{gap:var(--space-3)}.cluster--gap-4{gap:var(--space-4)}.cluster--gap-5{gap:var(--space-5)}.cluster--gap-6{gap:var(--space-6)}.cluster--gap-7{gap:var(--space-7)}.cluster--gap-8{gap:var(--space-8)}.container{width:100%;margin-inline:auto;padding-inline:clamp(1rem,1rem + 1vw,2rem)}.container--form{max-width:var(--width-form)}.container--readable{max-width:var(--width-readable)}.container--content{max-width:var(--width-content)}.container--wide{max-width:1400px}.stack{flex-direction:column;display:flex}.stack--align-stretch{align-items:stretch}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--gap-0{gap:var(--space-0)}.stack--gap-1{gap:var(--space-1)}.stack--gap-2{gap:var(--space-2)}.stack--gap-3{gap:var(--space-3)}.stack--gap-4{gap:var(--space-4)}.stack--gap-5{gap:var(--space-5)}.stack--gap-6{gap:var(--space-6)}.stack--gap-7{gap:var(--space-7)}.stack--gap-8{gap:var(--space-8)}.stack--gap-9{gap:var(--space-9)}.stack--gap-10{gap:var(--space-10)}.stack--gap-11{gap:var(--space-11)}.grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--grid-min-col,260px), 100%), 1fr));display:grid}.grid--fill-auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--grid-min-col,260px), 100%), 1fr))}.grid--gap-3{gap:var(--space-3)}.grid--gap-4{gap:var(--space-4)}.grid--gap-5{gap:var(--space-5)}.grid--gap-6{gap:var(--space-6)}.grid--gap-7{gap:var(--space-7)}.page-section+.page-section{margin-top:var(--space-8)}.grid>.page-section+.page-section{margin-top:0}.page-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-section-description{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.page-section-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid #0000;line-height:1;display:inline-flex}.badge--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.badge--md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.badge-icon{display:inline-flex}.badge--neutral{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-secondary)}.badge--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.badge--info{background:var(--color-info-subtle);color:var(--color-info)}.badge--success{background:var(--color-success-subtle);color:var(--color-success)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.status-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.card{gap:var(--space-4);border-radius:var(--radius-md);padding:var(--space-6);flex-direction:column;display:flex}.card--default{background:var(--color-surface);border:1px solid var(--color-border)}.card--subtle{background:var(--color-surface-subtle);border:1px solid #0000}.card--outlined{border:1px solid var(--color-border-strong);background:0 0}.card--interactive{transition:box-shadow var(--motion-normal) var(--motion-easing), border-color var(--motion-normal) var(--motion-easing)}.card--interactive:hover{box-shadow:var(--shadow-subtle);border-color:var(--color-border-strong)}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.card-description{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-content{gap:var(--space-4);flex-direction:column;display:flex}.card-footer{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.checkbox{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.checkbox-input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-input:disabled{cursor:not-allowed}.checkbox-label{font-size:var(--font-size-base);color:var(--color-text)}.modal-overlay{z-index:var(--layer-modal);padding:var(--space-5);background:#0f121880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{width:100%;max-height:calc(100vh - var(--space-8));background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:var(--space-6);outline:none;overflow-y:auto}.modal-panel--sm{max-width:400px}.modal-panel--md{max-width:560px}.modal-panel--lg{max-width:760px}.modal-overlay--drawer{justify-content:flex-start;padding:0}.modal-panel--drawer{width:min(300px,85vw);max-width:none;height:100%;max-height:none;animation:modal-drawer-in var(--motion-normal) var(--motion-easing);border-width:0 1px 0 0;border-radius:0}@keyframes modal-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.modal-header-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.modal-description{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.modal-content{margin-top:var(--space-5)}.confirm-dialog-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.confirm-dialog-actions{margin-top:var(--space-6)}.disclosure{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.disclosure-summary{cursor:pointer;padding:var(--space-4) var(--space-5);color:var(--color-text);align-items:center;gap:var(--space-3);font-weight:600;list-style:none;display:flex}.disclosure-summary::-webkit-details-marker{display:none}.disclosure-summary:before{content:"▸";color:var(--color-text-muted);transition:transform .15s;display:inline-block}.disclosure[open]>.disclosure-summary:before{transform:rotate(90deg)}.disclosure-summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.disclosure-content{padding:0 var(--space-5) var(--space-5);gap:var(--space-6);flex-direction:column;display:flex}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);flex-direction:column;display:flex}.empty-state-icon{color:var(--color-text-muted);margin-bottom:var(--space-2)}.empty-state-description{max-width:44ch;font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-state-actions{margin-top:var(--space-3)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.field-required{color:var(--color-danger)}.field-description{margin-top:calc(var(--space-2) * -1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.field-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.input{width:100%;min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);transition:border-color var(--motion-fast) var(--motion-easing)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{background:var(--color-surface-subtle);color:var(--color-text-disabled);cursor:not-allowed}.input:read-only:not(:disabled){background:var(--color-surface-subtle)}.input[aria-invalid=true]{border-color:var(--color-danger)}.input-group{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);align-items:stretch;display:flex;overflow:hidden}.input-group:has(.input[aria-invalid=true]){border-color:var(--color-danger)}.input-group .input--grouped{border:none;border-radius:0}.input-affix{padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);background:var(--color-surface-subtle);align-items:center;display:flex}.input-affix:has(button){background:0 0;padding:0}.input-affix button{height:100%;padding-inline:var(--space-4)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.pagination-status{text-align:center;min-width:8ch;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.select-wrapper{position:relative}.select{width:100%;min-height:40px;padding:0 var(--space-9) 0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 8L10 12.5L14.5 8' stroke='%23656b76' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;transition:border-color var(--motion-fast) var(--motion-easing);background-size:16px 16px}.select:disabled{background-color:var(--color-surface-subtle);color:var(--color-text-disabled);cursor:not-allowed}.select[aria-invalid=true]{border-color:var(--color-danger)}.skeleton{background:linear-gradient(90deg, var(--color-surface-subtle) 25%, var(--color-border) 37%, var(--color-surface-subtle) 63%);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton--radius-sm{border-radius:var(--radius-sm)}.skeleton--radius-md{border-radius:var(--radius-md)}.skeleton--radius-lg{border-radius:var(--radius-lg)}.skeleton--radius-pill{border-radius:var(--radius-pill)}.skeleton--circle{aspect-ratio:1;border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-text{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-card{gap:var(--space-3)}.table-scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);white-space:nowrap}.table tbody tr:last-child th,.table tbody tr:last-child td{border-bottom:none}.table thead th{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);background:var(--color-surface-subtle)}.table tbody tr:hover{background:var(--color-surface-subtle)}.table--compact th,.table--compact td{padding:var(--space-2) var(--space-4)}.table-cell--right{text-align:right}.table-cell--center{text-align:center}.textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);resize:vertical;transition:border-color var(--motion-fast) var(--motion-easing)}.textarea::placeholder{color:var(--color-text-muted)}.textarea:disabled{background:var(--color-surface-subtle);color:var(--color-text-disabled);cursor:not-allowed}.textarea[aria-invalid=true]{border-color:var(--color-danger)}.toast-viewport{z-index:var(--layer-toast);bottom:var(--space-5);right:var(--space-5);left:var(--space-5);align-items:flex-end;gap:var(--space-3);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-3);width:100%;max-width:380px;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-medium);animation:toast-in var(--motion-normal) var(--motion-easing);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;margin-top:.15em}.toast--success .toast-icon{color:var(--color-success)}.toast--info .toast-icon{color:var(--color-info)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--error .toast-icon{color:var(--color-danger)}.toast-body{flex:1;min-width:0}.toast-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text)}.toast-message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toast-dismiss{margin:calc(var(--space-2) * -1);flex-shrink:0}@media (width<=640px){.toast-viewport{bottom:var(--space-3);right:var(--space-3);left:var(--space-3)}.toast{max-width:none}}