.na-button{font-family:var(--font-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:var(--border-width) solid transparent;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:border-radius .15s ease,background-color .15s ease}.na-button:hover{border-radius:var(--radius-sm);background-color:var(--color-primary-hover)}.na-button--outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.na-button--outline:hover{background-color:var(--color-primary);color:#fff}.na-button:disabled{opacity:.5;cursor:not-allowed}.na-button:disabled:hover{border-radius:var(--radius-md);background-color:var(--color-primary)}.na-button--outline:disabled:hover{background-color:transparent;color:var(--color-primary)}.na-input{font-family:var(--font-primary);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background-color:var(--color-background);color:var(--color-text);transition:border-radius .15s ease,border-color .15s ease}.na-input:focus{outline:none;border-radius:var(--radius-sm);border-color:var(--color-primary)}.na-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.na-card--clickable{cursor:pointer;transition:border-radius .15s ease}.na-card--clickable:hover{border-radius:var(--radius-md)}.na-table{width:100%;border-collapse:collapse;font-family:var(--font-primary)}.na-table td,.na-table th{text-align:start;padding:var(--spacing-sm) var(--spacing-md);border-bottom:var(--border-width) solid var(--color-border);vertical-align:top}.na-table th{color:var(--color-text-muted);font-weight:600;font-size:.8125rem;letter-spacing:.01em;background-color:var(--color-surface)}.na-table tbody tr{transition:background-color .12s ease}.na-table tbody tr:hover{background-color:var(--color-surface)}.na-table tbody tr:last-child td{border-bottom:none}.na-badge{display:inline-block;font-family:var(--font-primary);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border)}.na-badge--success{color:var(--color-success);border-color:var(--color-success)}.na-badge--error{color:var(--color-error);border-color:var(--color-error)}.na-badge--warning{color:var(--color-warning);border-color:var(--color-warning)}.na-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:rgba(0,0,0,.5)}.na-modal{position:relative;width:100%;max-width:70rem;max-height:85vh;overflow-y:auto;padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 1rem);border-radius:var(--radius-lg);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border)}.na-modal__close{position:absolute;top:var(--spacing-sm);inset-inline-end:var(--spacing-sm);width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-primary);font-size:1.25rem;line-height:1;cursor:pointer;transition:color .15s ease}.na-modal__close:hover{color:var(--color-primary-hover)}